mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code 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: d4b55ec67a

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

20
src/styles/librarybrowser.scss
View file

@ -1,3 +1,5 @@
@import 'mixins';
// The padding of the header content on mobile needs to be adjusted
// based on the size of the poster card (values from card.scss)
@mixin header-poster-padding() {
@ -1353,25 +1355,21 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
.padded-left {
[dir="ltr"] & {
padding-left: 3.3%;
padding-left: max(env(safe-area-inset-left), 3.3%);
@include conditional-max(padding-left, 3.3%, env(safe-area-inset-left));
}
[dir="rtl"] & {
padding-right: 3.3%;
padding-right: max(env(safe-area-inset-right), 3.3%);
@include conditional-max(padding-right, 3.3%, env(safe-area-inset-right));
}
}
.padded-right {
[dir="ltr"] & {
padding-right: 3.3%;
padding-right: max(env(safe-area-inset-right), 3.3%);
@include conditional-max(padding-right, 3.3%, env(safe-area-inset-right));
}
[dir="rtl"] & {
padding-left: 3.3%;
padding-left: max(env(safe-area-inset-left), 3.3%);
@include conditional-max(padding-left, 3.3%, env(safe-area-inset-left));
}
}
@ -1395,13 +1393,11 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
@media all and (min-height: 31.25em) {
[dir="ltr"] .padded-right-withalphapicker {
padding-right: 7.5%;
padding-right: max(env(safe-area-inset-right), 7.5%);
@include conditional-max(padding-right, 7.5%, env(safe-area-inset-right));
}
[dir="rtl"] .padded-right-withalphapicker {
padding-left: 7.5%;
padding-left: max(env(safe-area-inset-left), 7.5%);
@include conditional-max(padding-left, 7.5%, env(safe-area-inset-left));
}
}