Mirrors/thelounge
2
0
Fork 0
mirror of https://github.com/thelounge/thelounge synced 2024-11-11 15:07:14 +00:00
Code Issues Projects Releases Packages 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 */
--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 */
--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;
}
#chat .user-mode {
margin-bottom: 15px;
}
#chat .user-mode::before {
content: "";
border-bottom: 1px solid #eee;
background: var(--window-bg-color);
color: var(--body-color-muted);
display: block;
font-size: 0.85em;
line-height: 1.6;
padding: 12px 16px 10px;
margin-bottom: 10px;
padding: 5px 16px;
position: sticky;
top: 0;
}
#chat .user-mode.owner::before {

1
client/themes/morning.css
View file

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