boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-12-27 14:27:46 +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

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

@@ -515,63 +515,53 @@ html {
/* episode grid start */
.layout-desktop .detailSection > #listChildrenCollapsible .vertical-list,
.layout-desktop .detailPageContent > #childrenCollapsible .vertical-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(var(--minEpisodeCardWidth), 100%), 1fr));
gap: var(--itemColumnGap);
}
@supports (display: revert) {
.vertical-list:has(.listItem-largeImage) {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(var(--minEpisodeCardWidth), 100%), 1fr));
gap: var(--itemColumnGap);
}
/* @media (max-width: 64em) {
.layout-desktop .listItemImage-large {
.layout-desktop .listItem-largeImage {
display: grid;
margin-bottom: 0 !important;
}
.layout-desktop .listItem-largeImage > .listItem-content {
display: grid;
grid-template-columns: 1fr 1fr 2em;
order: 1;
height: 100%;
align-items: start;
}
.layout-desktop .listItem-largeImage > .listItem-bottomoverview {
order: 2;
}
.layout-desktop .listItem-largeImage .listItemImage-large {
order: 1;
grid-column: 1 / -1;
height: max-content;
min-height: 15em;
width: 100%;
aspect-ratio: 16 / 9;
box-sizing: border-box;
}
.layout-desktop .detailSection > #listChildrenCollapsible .vertical-list,
.layout-desktop .detailPageContent > #childrenCollapsible .vertical-list {
grid-template-columns: repeat(2, 1fr);
.layout-desktop .listItem-largeImage .listItemBody {
order: 2;
grid-column: 1 / 3;
padding: 1em 0.125em;
}
} */
.layout-desktop .listItem-largeImage {
display: grid;
margin-bottom: 0 !important;
}
.layout-desktop .listItem-largeImage > .listItem-content {
display: grid;
grid-template-columns: 1fr 1fr 2em;
order: 1;
height: 100%;
align-items: start;
}
.layout-desktop .listItem-largeImage > .listItem-bottomoverview {
order: 2;
}
.layout-desktop .listItem-largeImage .listItemImage-large {
order: 1;
grid-column: 1 / -1;
height: max-content;
min-height: 15em;
width: 100%;
aspect-ratio: 16 / 9;
/* margin: 0 !important; */
box-sizing: border-box;
}
.layout-desktop .listItem-largeImage .listItemBody {
order: 2;
grid-column: 1 / 3;
padding: 1em 0.125em;
}
.layout-desktop .listItem-largeImage .listViewUserDataButtons {
flex-direction: column;
font-size: small;
order: 2;
grid-column: 3;
align-self: center;
.layout-desktop .listItem-largeImage .listViewUserDataButtons {
flex-direction: column;
font-size: small;
order: 2;
grid-column: 3;
align-self: center;
}
}
/* episode grid end */