danvics/ElegantFin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Disabled the new episode grid on older browsers to avoid issues with Music pages

Browse source
This commit is contained in:
lscambo13 2025-11-23 20:21:37 +05:30
parent 76a5319c97
commit 2336be539a
1 changed files with 42 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
Theme/ElegantFin-theme-nightly.css
View file

@ -515,23 +515,13 @@ html {
/* episode grid start */ /* episode grid start */
.layout-desktop .detailSection > #listChildrenCollapsible .vertical-list, @supports (display: revert) {
.layout-desktop .detailPageContent > #childrenCollapsible .vertical-list { .vertical-list:has(.listItem-largeImage) {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(var(--minEpisodeCardWidth), 100%), 1fr)); grid-template-columns: repeat(auto-fill, minmax(min(var(--minEpisodeCardWidth), 100%), 1fr));
gap: var(--itemColumnGap); gap: var(--itemColumnGap);
} }
/* @media (max-width: 64em) {
.layout-desktop .listItemImage-large {
width: 100%;
}
.layout-desktop .detailSection > #listChildrenCollapsible .vertical-list,
.layout-desktop .detailPageContent > #childrenCollapsible .vertical-list {
grid-template-columns: repeat(2, 1fr);
}
} */
.layout-desktop .listItem-largeImage { .layout-desktop .listItem-largeImage {
display: grid; display: grid;
margin-bottom: 0 !important; margin-bottom: 0 !important;
@ -556,7 +546,6 @@ html {
min-height: 15em; min-height: 15em;
width: 100%; width: 100%;
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
/* margin: 0 !important; */
box-sizing: border-box; box-sizing: border-box;
} }
@ -573,6 +562,7 @@ html {
grid-column: 3; grid-column: 3;
align-self: center; align-self: center;
} }
}
/* episode grid end */ /* episode grid end */