boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-12-27 22:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
Download Patch File Download Diff File Expand all files Collapse all files

38
Theme/ElegantFin-theme-nightly.css
View File

@@ -515,63 +515,53 @@ 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;
} }
.layout-desktop .listItem-largeImage > .listItem-content { .layout-desktop .listItem-largeImage > .listItem-content {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 2em; grid-template-columns: 1fr 1fr 2em;
order: 1; order: 1;
height: 100%; height: 100%;
align-items: start; align-items: start;
} }
.layout-desktop .listItem-largeImage > .listItem-bottomoverview { .layout-desktop .listItem-largeImage > .listItem-bottomoverview {
order: 2; order: 2;
} }
.layout-desktop .listItem-largeImage .listItemImage-large { .layout-desktop .listItem-largeImage .listItemImage-large {
order: 1; order: 1;
grid-column: 1 / -1; grid-column: 1 / -1;
height: max-content; height: max-content;
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;
} }
.layout-desktop .listItem-largeImage .listItemBody { .layout-desktop .listItem-largeImage .listItemBody {
order: 2; order: 2;
grid-column: 1 / 3; grid-column: 1 / 3;
padding: 1em 0.125em; padding: 1em 0.125em;
} }
.layout-desktop .listItem-largeImage .listViewUserDataButtons { .layout-desktop .listItem-largeImage .listViewUserDataButtons {
flex-direction: column; flex-direction: column;
font-size: small; font-size: small;
order: 2; order: 2;
grid-column: 3; grid-column: 3;
align-self: center; align-self: center;
}
} }
/* episode grid end */ /* episode grid end */