Add mobile styling for forum
This commit is contained in:
parent
b7b05db593
commit
ed0c17a14f
20
style.css
20
style.css
|
@ -1036,13 +1036,21 @@ body.forum.thread table.post-display {
|
|||
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);
|
||||
border: var(--post-author-border);
|
||||
}
|
||||
|
||||
body.forum.thread table.post-display td.author-cell {
|
||||
vertical-align: top;
|
||||
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.info-row {
|
||||
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;
|
||||
}
|
||||
|
||||
@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 {
|
||||
|
|
Loading…
Reference in New Issue
Block a user