1
0
Fork 0
forked from Mirrors/gomuks

web/timeline: revert vertical padding changes in messages

This commit is contained in:
Tulir Asokan 2024-12-10 23:38:28 +02:00
parent 8ee34be466
commit 8052c29955

View file

@ -1,7 +1,7 @@
div.timeline-event { div.timeline-event {
width: calc(100% - 2 * 1.6rem); width: calc(100% - 2 * 1.6rem);
max-width: calc(100% - 2 * 1.6rem); max-width: calc(100% - 2 * 1.6rem);
padding: calc(var(--timeline-message-gap)/2) 1.6rem; padding: 0 1.6rem;
display: grid; display: grid;
grid-template: grid-template:
"cmc cmc cmc cmc" 0 "cmc cmc cmc cmc" 0
@ -9,6 +9,7 @@ div.timeline-event {
"avatar gap content status" auto "avatar gap content status" auto
/ var(--timeline-avatar-size) var(--timeline-avatar-gap) 1fr 2rem; / var(--timeline-avatar-size) var(--timeline-avatar-gap) 1fr 2rem;
contain: layout; contain: layout;
margin-top: var(--timeline-message-gap);
&.highlight { &.highlight {
background-color: var(--timeline-highlight-bg-color); background-color: var(--timeline-highlight-bg-color);
@ -120,7 +121,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;
padding-top: calc(var(--timeline-message-gap-same-sender)/2); margin-top: var(--timeline-message-gap-same-sender);
> div.sender-avatar, > div.event-sender-and-time { > div.sender-avatar, > div.event-sender-and-time {
display: none; display: none;