chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Empty column indicator properly styled

Browse source
This commit is contained in:
Niléane 2023-07-11 12:16:09 +02:00
commit 4475e9c684
No known key found for this signature in database
1 changed files with 14 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

21
TangerineUI-single-column.css
View file

@ -826,12 +826,17 @@ body.layout-single-column {
border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px;
} }
.layout-single-column .empty-column-indicator {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
/* 📤 DMs */ /* 📤 DMs */
.layout-single-column .conversation__unread, .layout-single-column .conversation__unread,
.layout-single-column .follow_requests-unlocked_explanation, .layout-single-column .follow_requests-unlocked_explanation {
.layout-single-column .empty-column-indicator {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg);
} }
.layout-single-column .conversation.conversation--unread { .layout-single-column .conversation.conversation--unread {
background-color: var(--color-content-bg-focus); background-color: var(--color-content-bg-focus);
@ -841,14 +846,16 @@ body.layout-single-column {
color: var(--color-accent-fg); color: var(--color-accent-fg);
text-decoration: underline; text-decoration: underline;
} }
.layout-single-column .conversation { .layout-single-column .conversation__unread,
background-color: var(--color-content-bg); .layout-single-column .follow_requests-unlocked_explanation,
border-bottom: 3px solid var(--color-content-secondary-separator);
}
.layout-single-column .conversation__content__names, .layout-single-column .conversation__content__names,
.layout-single-column .conversation__content__names a { .layout-single-column .conversation__content__names a {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .conversation {
background-color: var(--color-content-bg);
border-bottom: 3px solid var(--color-content-secondary-separator);
}
.layout-single-column .conversation__content__relative-time { .layout-single-column .conversation__content__relative-time {
color: var(--color-content-fg); color: var(--color-content-fg);
opacity: .7; opacity: .7;