jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

forum: add back 'new' label, move status labels to right-side column.

Browse Source 
Also prevent long usernames from wrapping.

Fixes #4332.
This commit is contained in:
evazion
2020-03-16 16:19:02 -05:00
parent 93a60eebed
commit 95d65b25e2
3 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/src/styles/base/040_colors.css
View File

@@ -61,6 +61,7 @@
--forum-vote-up-color: green;
--forum-vote-meh-color: goldenrod;
--forum-vote-down-color: red;
--forum-topic-status-new-color: hsla(0, 50%, 55%, 1);
--forum-topic-status-pending-color: hsla(210, 25%, 55%, 1);
--forum-topic-status-approved-color: hsla(120, 25%, 55%, 1);
--forum-topic-status-rejected-color: hsla(0, 25%, 55%, 1);
@@ -327,6 +328,7 @@ body[data-current-user-theme="dark"] {
--forum-vote-up-color: var(--green-1);
--forum-vote-meh-color: var(--yellow-1);
--forum-vote-down-color: var(--red-1);
--forum-topic-status-new-color: var(--red-3);
--forum-topic-status-pending-color: var(--blue-3);
--forum-topic-status-approved-color: var(--green-3);
--forum-topic-status-rejected-color: var(--red-3);

21
app/javascript/src/styles/specific/forum.scss
View File

@@ -40,6 +40,15 @@ div.list-of-forum-posts {
}
div#c-forum-topics {
td.status-column {
white-space: nowrap;
text-align: right;
}
td.creator-column, td.updated-by-column {
white-space: nowrap;
}
span.topic-status {
margin-right: 0.25em;
vertical-align: bottom;
@@ -48,7 +57,7 @@ div#c-forum-topics {
font-size: 0.7em;
text-transform: uppercase;
border-radius: 3px;
padding: 3px;
padding: 4px;
color: white;
}
@@ -57,6 +66,10 @@ div#c-forum-topics {
font-size: 1em;
}
&.new {
background-color: var(--forum-topic-status-new-color);
}
&.pending {
background-color: var(--forum-topic-status-pending-color);
}
@@ -71,15 +84,11 @@ div#c-forum-topics {
}
#a-index {
tr[data-is-read="false"] .forum-post-link {
font-weight: bold;
}
.updated-at-column {
white-space: nowrap;
}
.updated-by-column, .updated-at-column {
.creator-column, .updated-by-column, .updated-at-column {
@media screen and (max-width: 660px) {
display: none;
}