Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-20 10:33:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

web/timeline: add more padding to events

Browse source
This commit is contained in:
Tulir Asokan 2024-10-14 01:34:57 +03:00
parent a6d9ff542c
commit 464cd3fe3e
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -3,11 +3,11 @@ div.timeline-event {
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
display: grid; display: grid;
margin-top: .25rem; margin-top: .5rem;
grid-template: grid-template:
"avatar gap sender sender" auto "avatar gap sender sender" auto
"avatar gap content status" auto "avatar gap content status" auto
/ 2.5rem .25rem 1fr 2rem; / 2.5rem .5rem 1fr 2rem;
&:hover { &:hover {
background-color: #eee; background-color: #eee;
@ -42,11 +42,10 @@ div.timeline-event {
grid-area: timestamp; grid-area: timestamp;
display: none; display: none;
align-items: end; align-items: end;
justify-content: center;
font-size: .8rem; font-size: .8rem;
color: #888; color: #888;
max-height: 1.25rem; max-height: 1.25rem;
margin-right: .25rem; margin-left: .25rem;
} }
> div.event-content { > div.event-content {
@ -77,7 +76,8 @@ div.timeline-event {
&.same-sender { &.same-sender {
grid-template: grid-template:
"timestamp content status" auto "timestamp content status" auto
/ 2.75rem 1fr 2rem; / 3rem 1fr 2rem;
margin-top: .25rem;
> div.sender-avatar, > div.event-sender-and-time { > div.sender-avatar, > div.event-sender-and-time {
display: none; display: none;
@ -91,7 +91,7 @@ div.timeline-event {
&.hidden-event { &.hidden-event {
grid-template: grid-template:
"timestamp avatar content status" auto "timestamp avatar content status" auto
/ 2.75rem 1.5rem 1fr 2rem; / 3rem 1.5rem 1fr 2rem;
> div.sender-avatar { > div.sender-avatar {
width: 1.5rem; width: 1.5rem;