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: Improved compatibility with older browsers

Browse Source 
This hides detail logo on older browsers by default, and fixes the invisible chapter text
This commit is contained in:
lscambo13
2025-07-29 15:08:15 +05:30
parent 0652a3b940
commit fb1ae25bf3
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -960,8 +960,16 @@ html {
} }
} }
.detailLogo {
/* this hides the detail logo by default to make it only show up on modern browsers */
display: none;
}
@supports (aspect-ratio: 1 / 1) { @supports (aspect-ratio: 1 / 1) {
/* this shows the detail logo on modern browsers */
.detailLogo { .detailLogo {
display: block;
top: calc(100vh - 10em - var(--primaryItemPageNegativeSpace)); top: calc(100vh - 10em - var(--primaryItemPageNegativeSpace));
left: 0; left: 0;
width: 40%; width: 40%;
@@ -970,6 +978,10 @@ html {
height: 25vh; height: 25vh;
background-position: bottom; background-position: bottom;
} }
.layout-tv .detailLogo {
display: block;
}
} }
.layout-mobile .detailLogo { .layout-mobile .detailLogo {
@@ -1007,7 +1019,6 @@ html {
} }
.layout-tv .detailLogo { .layout-tv .detailLogo {
display: block;
height: 20vh; height: 20vh;
top: 40vh; top: 40vh;
left: 30vw; left: 30vw;
@@ -1716,7 +1727,6 @@ progress+span {
.chapterThumbTextContainer { .chapterThumbTextContainer {
background: var(--cardFooterGradient); background: var(--cardFooterGradient);
text-shadow: .1em .1em 0px black; text-shadow: .1em .1em 0px black;
width: auto;
width: -webkit-fill-available; width: -webkit-fill-available;
height: -webkit-fill-available; height: -webkit-fill-available;
padding: 0em 2em 2em 2em; padding: 0em 2em 2em 2em;
@@ -1730,6 +1740,7 @@ progress+span {
.chapterCardImageContainer+.innerCardFooter { .chapterCardImageContainer+.innerCardFooter {
padding: 0em 1em 1em 1em; padding: 0em 1em 1em 1em;
height: auto;
} }
.layout-mobile .innerCardFooter { .layout-mobile .innerCardFooter {