simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

It's time to widen carousel for Firefox users

Browse source 
Srsly take too long time waiting for Firefox to support :has()
This commit is contained in:
Lim Chee Aun 2023-07-25 17:23:22 +08:00
parent 6fe182a7a3
commit 14091fbc7b
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app.css
View file

@ -2000,7 +2000,7 @@ ul.link-list li a .icon {
transform: none; transform: none;
pointer-events: auto; pointer-events: auto;
} }
#columns li:has(.status-carousel) { #columns li.timeline-item-carousel {
width: auto; width: auto;
transform: none; transform: none;
} }
@ -2159,7 +2159,7 @@ ul.link-list li a .icon {
/* :is(.carousel-top-controls, .carousel-controls) { /* :is(.carousel-top-controls, .carousel-controls) {
padding: 32px; padding: 32px;
} */ } */
li:has(.status-carousel) { li.timeline-item-carousel {
width: 95vw; width: 95vw;
max-width: calc(320px * 3.3); max-width: calc(320px * 3.3);
transform: translateX(calc(-50% + 20em)); transform: translateX(calc(-50% + 20em));

5
src/components/timeline.jsx
View file

@ -365,7 +365,10 @@ function Timeline({
return 0; return 0;
}); });
return ( return (
<li key={`timeline-${statusID}`}> <li
key={`timeline-${statusID}`}
class="timeline-item-carousel"
>
<StatusCarousel <StatusCarousel
title={title} title={title}
class={`${type}-carousel`} class={`${type}-carousel`}