supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Make userlist section titles sticky on scroll

Browse Source
This commit is contained in:
Jérémie Astori 2018-07-13 00:22:25 -04:00
parent 09d6dfc604
commit f69571847a
No known key found for this signature in database
GPG Key ID: B9A4F245CD67BDE8
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/css/style.css
View File

@ -5,6 +5,9 @@
/* Main text color */ /* Main text color */
--body-color: #222; --body-color: #222;
/* Secondary text color, dimmed. Make sure to keep contrast WCAG 2.0 AA compliant on var(--window-bg-color) */
--body-color-muted: #767676;
/* Background color of the whole page */ /* Background color of the whole page */
--body-bg-color: #415364; --body-bg-color: #415364;
@ -1564,13 +1567,19 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
white-space: nowrap; white-space: nowrap;
} }
#chat .user-mode {
margin-bottom: 15px;
}
#chat .user-mode::before { #chat .user-mode::before {
content: ""; background: var(--window-bg-color);
border-bottom: 1px solid #eee; color: var(--body-color-muted);
display: block; display: block;
font-size: 0.85em;
line-height: 1.6; line-height: 1.6;
padding: 12px 16px 10px; padding: 5px 16px;
margin-bottom: 10px; position: sticky;
top: 0;
} }
#chat .user-mode.owner::before { #chat .user-mode.owner::before {

1
client/themes/morning.css
View File

@ -2,6 +2,7 @@
:root { :root {
--body-color: #f3f3f3; --body-color: #f3f3f3;
--body-color-muted: #b7c5d1;
--link-color: #77abd9; --link-color: #77abd9;
--window-bg-color: #303e4a; --window-bg-color: #303e4a;
--date-marker-color: #97ea70; --date-marker-color: #97ea70;