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;
|
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 {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user