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

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

5
src/components/timeline.jsx
View file

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