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

MediaAttachmentGrid: moved into toots

Browse source
This commit is contained in:
thislight 2024-11-22 14:53:23 +08:00
parent cac0abeb6b
commit ade7df2234
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/timelines/toots/MediaAttachmentGrid.css Normal file
View file

@ -0,0 +1,40 @@
.MediaAttachmentGrid {
/* Note: MeidaAttachmentGrid has hard-coded layout calcalation */
margin-top: 1em;
margin-left: calc(var(--card-pad, 0) + 8px);
margin-right: var(--card-pad, 0);
gap: 4px;
contain: layout style;
> :where(img, video, .sensitive-placeholder) {
max-height: 35vh;
min-height: 40px;
min-width: 40px;
max-width: 100%;
contain: strict;
content-visibility: auto;
background-color: var(--media-color-accent, var(--tutu-color-surface-d));
border-radius: 2px;
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 {
outline: 8px solid var(--media-color-accent, var(--tutu-color-surface-d));
border-color: var(--media-color-accent, var(--tutu-color-surface-d));
}
object-fit: contain;
}
>.sensitive-placeholder {
display: inline-flex;
display: inline flex;
align-items: center;
justify-content: center;
}
}
:where(.thread-top, .thread-mid) > .MediaAttachmentGrid {
margin-left: calc(var(--card-pad, 0) + var(--toot-avatar-size, 0) + 8px);
}