Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

MediaAttachmentGrid: correct but slow layout
All checks were successful
/ depoly (push) Successful in 1m26s
Details

Browse source
This commit is contained in:
thislight 2024-10-28 18:26:59 +08:00
parent 7bb6c0b826
commit 726abbe893
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
2 changed files with 73 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/timelines/toot.module.css
View file

@ -223,6 +223,7 @@
}
.tootAttachmentGrp {
/* Note: MeidaAttachmentGrid has hard-coded layout calcalation */
composes: cardNoPad from "../material/cards.module.css";
margin-top: 1em;
margin-left: calc(var(--card-pad, 0) + var(--toot-avatar-size, 0) + 8px);
@ -233,14 +234,12 @@
max-height: 35vh;
min-height: 40px;
min-width: 40px;
width: auto;
height: auto;
object-fit: contain;
max-width: 100%;
background-color: var(--tutu-color-surface-d);
border-radius: 2px;
border: 1px solid var(--tutu-color-on-surface-d);
transition: outline-width 60ms var(--tutu-anim-curve-std), z-index 60ms var(--tutu-anim-curve-std);
border: 1px solid var(--tutu-color-surface-d);
transition: outline-width 60ms var(--tutu-anim-curve-std), border-color 60ms var(--tutu-anim-curve-std);
&:hover,
&:focus-visible {
@ -248,6 +247,7 @@
/* but our infra is not prepared for this. The average color thing is slow */
/* and we need further managing to control its performance impact. */
outline: 8px solid var(--media-color-accent, var(--tutu-color-surface-d));
border-color: transparent;
}
}
}