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

remove old placeholder algorithm
All checks were successful
/ depoly (push) Successful in 1m21s
Details

Browse source 
- TootPreviewCard and MediaAttachmentGrid
- the placeholder thing is now offloaded to the
  browser
This commit is contained in:
thislight 2024-10-27 23:57:10 +08:00
parent b9b2d40614
commit 66bded813d
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
3 changed files with 29 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -125,6 +125,7 @@
>img {
max-width: 100%;
height: auto;
}
&:hover,
@ -232,18 +233,21 @@
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 transparent;
transition: border-color 220ms var(--tutu-anim-curve-std),
box-shadow 220ms var(--tutu-anim-curve-std);
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);
&:hover,
&:focus-visible {
border: 1px solid var(--tutu-color-surface-dd);
box-shadow: var(--tutu-shadow-e1);
/* TODO: the goal is to use the media's accent color as the outline */
/* 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));
}
}
}