wjones/jellyfin-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Backport pull request #6425 from jellyfin-web/release-10.10.z

Browse Source 
Fix css fallback of max function in chrome 76.

Original-merge: d4b55ec67a7e749ba60597cda52e922ce45e3d87

Merged-by: thornbill <thornbill@users.noreply.github.com>

Backported-by: thornbill <thornbill@users.noreply.github.com>
This commit is contained in:
bernarden
2025-01-22 03:12:48 -05:00
committed by thornbill
parent ad09013bf2
commit d974ac47d9
8 changed files with 53 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/alphaPicker/style.scss
+10 -14
View File
@@ -1,3 +1,5 @@
@import '../../styles/mixins';
.alphaPicker {
text-align: center;
display: flex;
@@ -11,8 +13,8 @@
.alphaPicker-fixed {
position: fixed;
bottom: 5.5em;
bottom: max(env(safe-area-inset-bottom), 5.5em);
@include conditional-max(bottom, 5.5em, env(safe-area-inset-bottom));
}
.alphaPickerRow {
@@ -45,8 +47,7 @@
@media all and (max-height: 50em) {
.alphaPicker-fixed {
bottom: 5em;
bottom: max(env(safe-area-inset-bottom), 5em);
@include conditional-max(bottom, 5em, env(safe-area-inset-bottom));
}
.alphaPickerButton-vertical {
@@ -105,32 +106,27 @@
}
.alphaPicker-fixed.alphaPicker-tv {
bottom: 1%;
bottom: max(env(safe-area-inset-bottom), 1%);
@include conditional-max(bottom, 1%, env(safe-area-inset-bottom));
}
.alphaPicker-fixed-right {
[dir="ltr"] & {
right: 0.4em;
right: max(env(safe-area-inset-right), 0.4em);
@include conditional-max(right, 0.4em, env(safe-area-inset-right));
}
[dir="rtl"] & {
left: 0.4em;
left: max(env(safe-area-inset-left), 0.4em);
@include conditional-max(left, 0.4em, env(safe-area-inset-left));
}
}
@media all and (min-width: 62.5em) {
.alphaPicker-fixed-right {
[dir="ltr"] & {
right: 1em;
right: max(env(safe-area-inset-right), 1em);
@include conditional-max(right, 1em, env(safe-area-inset-right));
}
[dir="rtl"] & {
left: 1em;
left: max(env(safe-area-inset-left), 1em);
@include conditional-max(left, 1em, env(safe-area-inset-left));
}
}
}