boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Simplified some selectors

Browse Source 
Fix: Improved compatibility with older browsers i.e. JMP
This commit is contained in:
lscambo13
2025-07-11 12:36:40 -07:00
parent da745a0fdc
commit 5df8f1fd31
1 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1023,7 +1023,8 @@ html {
.infoWrapper { .infoWrapper {
align-content: end; align-content: end;
place-items: center place-items: center;
display: grid;
} }
/* Both the blocks below position the poster in main media page in the center */ /* Both the blocks below position the poster in main media page in the center */
@@ -1051,22 +1052,22 @@ html {
} }
/* this hides the main media title when the clear logo is available*/ /* this hides the main media title when the clear logo is available*/
.detailLogo:not(.hide)~.detailPageWrapperContainer .parentNameLast, .detailLogo:not(.hide)~.detailPageWrapperContainer .nameContainer h1,
.detailLogo:not(.hide)~.detailPageWrapperContainer .parentName,
#itemDetailPage:has(.detailImageContainer .card.backdropCard) .detailLogo, #itemDetailPage:has(.detailImageContainer .card.backdropCard) .detailLogo,
#itemDetailPage:has(.listItem[data-type="Audio"]) .detailLogo, #itemDetailPage:has(.listItem[data-type="Audio"]) .detailLogo,
#itemDetailPage:has(.verticalSection[data-type="MusicAlbum"]) .detailLogo,
#itemDetailPage:has(.verticalSection[data-type="MusicAlbum"]) .detailImageContainer .card { #itemDetailPage:has(.verticalSection[data-type="MusicAlbum"]) .detailImageContainer .card {
z-index: 2; z-index: 2;
display: none; display: none;
} }
/* this shows the main media title and the poster when the clear logo is unavailable*/ /* this shows the main media title and the poster when the clear logo is unavailable*/
.detailLogo.hide~.detailPageWrapperContainer .parentNameLast, .detailLogo.hide~.detailPageWrapperContainer .nameContainer h1 {
.detailLogo.hide~.detailPageWrapperContainer .parentName, display: block !important;
#itemDetailPage:has(.detailImageContainer .card.backdropCard) .parentNameLast, }
#itemDetailPage:has(.detailImageContainer .card.backdropCard) .parentName,
.nameContainer:has(.musicParentName) .itemName, .detailImageContainer:has(.backdropCard, .squareCard)~.nameContainer h1,
.nameContainer:has(.musicParentName) .parentName { .detailImageContainer:has(.cardImageIcon.person)~.nameContainer h1 {
display: block !important; display: block !important;
} }
@@ -1295,7 +1296,7 @@ html,
margin-bottom: 5%; margin-bottom: 5%;
} }
.itemProgressBar:not(.backgroundProgress, .playbackProgress, .transcodingProgress) { .itemProgressBar:not(.backgroundProgress):not(.playbackProgress):not(.transcodingProgress) {
backdrop-filter: var(--blurLarge); backdrop-filter: var(--blurLarge);
background-color: var(--osdSeekBarBufferedColorAlpha) !important; background-color: var(--osdSeekBarBufferedColorAlpha) !important;
height: .35em; height: .35em;
@@ -1690,6 +1691,7 @@ progress+span {
height: -webkit-fill-available; height: -webkit-fill-available;
padding: 0em 2em 2em 2em; padding: 0em 2em 2em 2em;
align-content: end; align-content: end;
display: grid;
} }
.chapterCardImageContainer { .chapterCardImageContainer {
@@ -3353,8 +3355,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
padding-bottom: 1.45em; padding-bottom: 1.45em;
} }
.skinHeader-blurred:not(.osdHeader)::after, .skinHeader-blurred:not(.osdHeader):not(.semiTransparent)::after {
.skinHeader-blurred:not(.semiTransparent)::after {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
@@ -3369,10 +3370,17 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
/* this is the transparent header, visible in main media page */ /* this is the transparent header, visible in main media page */
.skinHeader-withBackground.semiTransparent, .skinHeader-withBackground.semiTransparent,
.skinHeader.headroom:not(.osdHeader, .noHomeButtonHeader):has(.pageTitle:empty),
.skinHeader.headroom:not(.osdHeader, .noHomeButtonHeader):has(.pageTitle:empty)::after,
.backgroundContainer.withBackdrop~div .skinHeader-blurred:not(.osdHeader), .backgroundContainer.withBackdrop~div .skinHeader-blurred:not(.osdHeader),
.backgroundContainer.withBackdrop~div .skinHeader-blurred:not(.osdHeader, .semiTransparent)::after { .backgroundContainer.withBackdrop~div .skinHeader-blurred:not(.semiTransparent)::after,
.backgroundContainer.withBackdrop~div .skinHeader-blurred:not(.osdHeader)::after {
backdrop-filter: none;
background-color: transparent;
background: none;
border: none;
}
.skinHeader.headroom:not(.osdHeader, .noHomeButtonHeader):has(.pageTitle:empty)::after,
.skinHeader.headroom:not(.osdHeader, .noHomeButtonHeader):has(.pageTitle:empty) {
backdrop-filter: none; backdrop-filter: none;
background-color: transparent; background-color: transparent;
background: none; background: none;