Add mobile styling for forum

This commit is contained in:
Wirlaburla 2023-06-09 20:51:47 -05:00
parent b7b05db593
commit ed0c17a14f

View File

@ -1036,13 +1036,21 @@ body.forum.thread table.post-display {
table-layout: fixed; table-layout: fixed;
} }
body.forum.thread table.post-display td.author-cell { body.forum.thread table.post-display td.author-cell,
body.forum.thread table.post-display tr.author-row {
background: var(--post-author); background: var(--post-author);
border: var(--post-author-border); border: var(--post-author-border);
}
body.forum.thread table.post-display td.author-cell {
vertical-align: top; vertical-align: top;
text-align: center; text-align: center;
} }
body.forum.thread table.post-display td.author-cell img.avatar {
display: inline-block;
}
body.forum.thread table.post-display tr.button-row, body.forum.thread table.post-display tr.button-row,
body.forum.thread table.post-display tr.info-row { body.forum.thread table.post-display tr.info-row {
background: var(--post-bottombar); background: var(--post-bottombar);
@ -1100,7 +1108,17 @@ body.forum.thread table.reply-display tr.title-row th:nth-of-type(2) button {
cursor: pointer; cursor: pointer;
} }
@media only screen and (orientation: landscape) {
body.forum.thread table.post-display tr.author-row {
display: none;
}
}
@media only screen and (orientation: portrait) {
body.forum.thread table.post-display td.author-cell {
display: none;
}
}
heading .button { heading .button {