Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-01-22 08:36:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix video not hidden under CW for large post

Browse source
This commit is contained in:
Lim Chee Aun 2024-12-22 19:22:31 +08:00
parent ab5a6b1ec2
commit 0f6e2b0946
1 changed files with 24 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/components/status.css
View file

@ -180,8 +180,11 @@
color: var(--text-color); color: var(--text-color);
background-color: var(--bg-faded-color); background-color: var(--bg-faded-color);
border: 1px dashed var(--link-color); border: 1px dashed var(--link-color);
box-shadow: 0 0 0 1px var(--bg-color), 0 -5px 10px var(--bg-color), box-shadow:
0 -5px 15px var(--bg-color), 0 -5px 20px var(--bg-color); 0 0 0 1px var(--bg-color),
0 -5px 10px var(--bg-color),
0 -5px 15px var(--bg-color),
0 -5px 20px var(--bg-color);
padding: 0.5em 0.75em; padding: 0.5em 0.75em;
border-radius: 10em; border-radius: 10em;
font-size: 90%; font-size: 90%;
@ -682,7 +685,8 @@
.spoiler-media-button .spoiler-media-button
), ),
~ .card .meta-container { ~ .card .meta-container {
img { img,
video {
filter: invert(0.5); filter: invert(0.5);
background-color: black; background-color: black;
} }
@ -851,8 +855,11 @@
border-radius: 10em; border-radius: 10em;
font-size: 90%; font-size: 90%;
white-space: nowrap; white-space: nowrap;
box-shadow: 0 0 0 1px var(--bg-color), 0 -5px 10px var(--bg-color), box-shadow:
0 -5px 15px var(--bg-color), 0 -5px 20px var(--bg-color); 0 0 0 1px var(--bg-color),
0 -5px 10px var(--bg-color),
0 -5px 15px var(--bg-color),
0 -5px 20px var(--bg-color);
transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out;
} }
.timeline-deck .status .content.truncated:hover:after { .timeline-deck .status .content.truncated:hover:after {
@ -2298,7 +2305,8 @@ a.card:is(:hover, :focus):visited {
&, &,
& .szh-menu__item { & .szh-menu__item {
box-shadow: inset 0 -2px 0 var(--checked-color), box-shadow:
inset 0 -2px 0 var(--checked-color),
inset 0 -16px 8px -16px var(--checked-color); inset 0 -16px 8px -16px var(--checked-color);
} }
&:has(.szh-menu__item) { &:has(.szh-menu__item) {
@ -2357,7 +2365,9 @@ a.card:is(:hover, :focus):visited {
pointer-events: none; pointer-events: none;
transform: translate3d(0, 6px, 0); transform: translate3d(0, 6px, 0);
transform-origin: var(--forward) center; transform-origin: var(--forward) center;
transition: all 0.15s ease-out 0.3s, border-color 0.3s ease-out; transition:
all 0.15s ease-out 0.3s,
border-color 0.3s ease-out;
.timeline.contextual .replies[data-comments-level='4'] & { .timeline.contextual .replies[data-comments-level='4'] & {
top: 0; top: 0;
@ -2623,7 +2633,8 @@ a.card:is(:hover, :focus):visited {
font-size: 0.9em; font-size: 0.9em;
border: 2px dashed var(--link-light-color); border: 2px dashed var(--link-light-color);
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 8px -4px var(--drop-shadow-color), box-shadow:
0 4px 8px -4px var(--drop-shadow-color),
0 8px 32px -8px var(--drop-shadow-color); 0 8px 32px -8px var(--drop-shadow-color);
padding: 16px; padding: 16px;
@ -2731,8 +2742,11 @@ a.card:is(:hover, :focus):visited {
color: var(--text-color); color: var(--text-color);
background-color: var(--bg-faded-color); background-color: var(--bg-faded-color);
border: 1px dashed var(--link-color); border: 1px dashed var(--link-color);
box-shadow: 0 0 0 1px var(--bg-color), 0 -5px 10px var(--bg-color), box-shadow:
0 -5px 15px var(--bg-color), 0 -5px 20px var(--bg-color); 0 0 0 1px var(--bg-color),
0 -5px 10px var(--bg-color),
0 -5px 15px var(--bg-color),
0 -5px 20px var(--bg-color);
padding: 0.5em 0.75em; padding: 0.5em 0.75em;
border-radius: 10em; border-radius: 10em;
font-size: 90%; font-size: 90%;