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));
}
}
}
src/components/multiSelect/multiSelect.scss
+5 -6
View File
@@ -1,3 +1,4 @@
@import '../../styles/mixins';
.itemSelectionPanel {
position: absolute;
@@ -14,16 +15,14 @@
top: 0;
left: 0;
right: 0;
padding-left: 0.5em;
padding-left: max(env(safe-area-inset-left), 0.5em);
padding-right: 0.5em;
padding-right: max(env(safe-area-inset-right), 0.5em);
padding-top: 1em;
padding-top: max(env(safe-area-inset-top), 1em);
padding-bottom: 1em;
display: flex;
align-items: center;
z-index: 99999;
@include conditional-max(padding-left, 0.5em, env(safe-area-inset-left));
@include conditional-max(padding-right, 0.5em, env(safe-area-inset-right));
@include conditional-max(padding-top, 1em, env(safe-area-inset-top));
}
.itemSelectionCount {
src/components/remotecontrol/remotecontrol.scss
+5 -4
View File
@@ -1,3 +1,5 @@
@import '../../styles/mixins';
.nowPlayingPage {
padding: 5em 0 0 0 !important;
}
@@ -184,11 +186,10 @@
left: 0;
height: 4.2em;
right: 0;
padding-left: 7.3%;
padding-left: max(env(safe-area-inset-left), 7.3%);
padding-right: 7.3%;
padding-right: max(env(safe-area-inset-right), 7.3%);
padding-bottom: env(safe-area-inset-bottom);
@include conditional-max(padding-left, 7.3%, env(safe-area-inset-left));
@include conditional-max(padding-right, 7.3%, env(safe-area-inset-right));
}
.layout-desktop .playlistSectionButton,
src/components/toast/toast.scss
+5 -4
View File
@@ -1,17 +1,18 @@
@import '../../styles/mixins';
.toastContainer {
position: fixed;
bottom: 0;
pointer-events: none;
z-index: 9999999;
padding-left: 1em;
padding-left: max(env(safe-area-inset-left), 1em);
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em;
padding-bottom: max(env(safe-area-inset-bottom), 1em);
display: flex;
flex-direction: column;
@include conditional-max(padding-left, 1em, env(safe-area-inset-left));
@include conditional-max(padding-bottom, 1em, env(safe-area-inset-bottom));
[dir="ltr"] & {
left: 0;
}