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

New: Allowed clear logos to be visible on older browsers

Browse Source
This commit is contained in:
lscambo13
2025-09-12 08:06:34 -07:00
parent ea12292a77
commit 1571e301e0
1 changed files with 9 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1077,27 +1077,14 @@ html {
} }
.detailLogo { .detailLogo {
/* this hides the detail logo by default to make it only show up on modern browsers */ display: block;
display: none; top: calc(100vh - 10em - var(--primaryItemPageNegativeSpace));
} left: 0;
width: 40%;
@supports (aspect-ratio: 1 / 1) { transform: translateY(-100%);
/* this shows the detail logo on modern browsers */ margin: auto 30%;
height: 25vh;
.detailLogo { background-position: bottom;
display: block;
top: calc(100vh - 10em - var(--primaryItemPageNegativeSpace));
left: 0;
width: 40%;
transform: translateY(-100%);
margin: auto 30%;
height: 25vh;
background-position: bottom;
}
.layout-tv .detailLogo {
display: block;
}
} }
.layout-mobile .detailLogo { .layout-mobile .detailLogo {
@@ -1153,6 +1140,7 @@ html {
} }
.layout-tv .detailLogo { .layout-tv .detailLogo {
display: block;
height: 20vh; height: 20vh;
top: 39vh; top: 39vh;
left: 30vw; left: 30vw;