From 2af70dad88661013f514f84a0fbe70287d02158f Mon Sep 17 00:00:00 2001 From: Dmitry Lyzo Date: Mon, 24 Oct 2022 22:11:18 +0300 Subject: [PATCH 1/2] fix safe-area padding-right --- src/assets/css/librarybrowser.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss index 254127231e..ec69c9b8f0 100644 --- a/src/assets/css/librarybrowser.scss +++ b/src/assets/css/librarybrowser.scss @@ -1415,7 +1415,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards { @media all and (min-height: 31.25em) { .padded-right-withalphapicker { padding-right: 7.5%; - padding-right: max(env(safe-area-inset-left), 7.5%); + padding-right: max(env(safe-area-inset-right), 7.5%); } } From 29db8a5dcb91bbaa667b61d1bc0823ad2cf80b96 Mon Sep 17 00:00:00 2001 From: Dmitry Lyzo Date: Mon, 24 Oct 2022 22:12:04 +0300 Subject: [PATCH 2/2] fix RTL padding with AlphaPicker --- src/assets/css/librarybrowser.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss index ec69c9b8f0..d9c2b9118a 100644 --- a/src/assets/css/librarybrowser.scss +++ b/src/assets/css/librarybrowser.scss @@ -1413,10 +1413,15 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards { } @media all and (min-height: 31.25em) { - .padded-right-withalphapicker { + [dir="ltr"] .padded-right-withalphapicker { padding-right: 7.5%; padding-right: max(env(safe-area-inset-right), 7.5%); } + + [dir="rtl"] .padded-right-withalphapicker { + padding-left: 7.5%; + padding-left: max(env(safe-area-inset-left), 7.5%); + } } .searchfields-icon {