Changed design of forum sidebar and limited width

This commit is contained in:
Wirlaburla 2023-06-02 00:49:59 -05:00
parent 3db22c426f
commit 869a21fd2a

View File

@ -573,6 +573,11 @@ body {
margin-bottom: -8px;
}
body.forum .main{
max-width: 1200px;
margin: 4px auto;
}
.forum .thread .reply, .forum .errors {
margin: 8px 32px;
}
@ -1489,10 +1494,10 @@ table.board th {
background-color: var(--forum-header, #f3dca9);
}
body.forum_board table.board tr:nth-child(0) { border: var(--forum-header-border); }
body.forum.board table.board tr:nth-child(0) { border: var(--forum-header-border); }
body.forum_board table.board tr:not(.subboard) td:nth-child(4),
body.forum_board table.board tr:not(.subboard) th:nth-child(3) { text-align: right; }
body.forum.board table.board tr:not(.subboard) td:nth-child(4),
body.forum.board table.board tr:not(.subboard) th:nth-child(3) { text-align: right; }
body.forum table.board td:nth-child(3) * { vertical-align: middle; }
@ -1509,7 +1514,7 @@ table.board tr {
border: var(--forum-content-border);
}
body.forum_board table.board th {
body.forum.board table.board th {
font-weight: normal;
}
@ -1518,8 +1523,8 @@ body.forum table.board.collapsed td { display: none; }
@media only screen and (max-width: 1024px) {
body.forum table.board td:nth-child(4),
body.forum table.board col:nth-child(4) { display: none; }
body.forum_board table.board td:nth-child(4),
body.forum_board table.board col:nth-child(4),
body.forum.board table.board td:nth-child(4),
body.forum.board table.board col:nth-child(4),
body.forum_watched table.board td:nth-child(4),
body.forum_watched table.board col:nth-child(4) { display: none; }
table.board td:nth-child(3) { border-right: var(--forum-content-border); }
@ -1996,20 +2001,23 @@ body.forum .sidebar .box {
display: flex;
flex-direction: column;
}
body.forum .sidebar .box .content {
body.forum .sidebar .box {
background: var(--primary-container-background);
border: var(--primary-container-border);
padding: 4px;
border-top: 0;
}
body.forum .sidebar .box .content .thread {
background: var(--secondary-container-background);
border: var(--secondary-container-border);
padding: 2px;
margin: 4px 0px;
}
body.forum .sidebar .box .content .subject {font-family: var(--primary-font);}
body.forum .sidebar .box name {
background: var(--post-author);
border: var(--post-author-border);
font-family: var(--primary-font);
font-weight: bold;
padding: 4px;
}
body.forum .sidebar .box .thread .info {font-family: var(--primary-font);}
body.forum .sidebar .box .thread .info .loc {font-size: 12px;}