n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

timeline: make events go across entire width but with padding

Browse source 
Signed-off-by: Sumner Evans <sumner.evans@automattic.com>
Signed-off-by: Sumner Evans <me@sumnerevans.com>
This commit is contained in:
Sumner Evans 2024-12-08 00:53:49 -07:00 • committed by Sumner Evans
parent 35b9397381
commit ac3438ad25
No known key found for this signature in database
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
web/src/ui/timeline/TimelineEvent.css
View file

@ -1,8 +1,8 @@
div.timeline-event { div.timeline-event {
width: 100%; width: calc(100% - 2 * 1.6rem);
max-width: 100%; max-width: calc(100% - 2 * 1.6rem);
padding: calc(var(--timeline-message-gap)/2) 1.6rem;
display: grid; display: grid;
margin-top: var(--timeline-message-gap);
grid-template: grid-template:
"cmc cmc cmc cmc" 0 "cmc cmc cmc cmc" 0
"avatar gap sender sender" auto "avatar gap sender sender" auto
@ -120,7 +120,7 @@ div.timeline-event {
"cmc cmc cmc" 0 "cmc cmc cmc" 0
"timestamp content status" auto "timestamp content status" auto
/ var(--timeline-avatar-total-size) 1fr 2rem; / var(--timeline-avatar-total-size) 1fr 2rem;
margin-top: var(--timeline-message-gap-same-sender); padding-top: calc(var(--timeline-message-gap-same-sender)/2);
> div.sender-avatar, > div.event-sender-and-time { > div.sender-avatar, > div.event-sender-and-time {
display: none; display: none;
@ -209,6 +209,7 @@ div.date-separator {
display: flex; display: flex;
align-items: center; align-items: center;
gap: .5rem; gap: .5rem;
padding: calc(var(--timeline-message-gap)/2) 0;
> hr { > hr {
flex: 1; flex: 1;