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

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