mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2025-01-23 02:31:39 +01:00
Code Issues Projects Releases Wiki Activity

make date header sticky with css

Browse Source 
this has the limitation that it needs to have a fixed with
and an opaque background, but that's better than
not making it sticky for now.
This commit is contained in:
Bruno Windels 2022-11-25 16:47:00 +01:00
parent c538f5dbb1
commit 85a06876cd
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/platform/web/ui/css/themes/element/timeline.css
View File

@ -424,9 +424,20 @@ only loads when the top comes into view*/
} }
.DateHeader { .DateHeader {
color: var(--light-text-color);
font-weight: bold; font-weight: bold;
padding: 12px 4px;
text-align: center;
font-size: 1.5rem; font-size: 1.5rem;
position: sticky;
top: 5px;
} }
.DateHeader time {
margin: 0 auto;
padding: 12px 4px;
width: 250px;
padding: 12px;
display: block;
color: var(--light-text-color);
background-color: var(--background-color-primary);
border-radius: 8px;
text-align: center;
}