From c9833a358b7e978a721cb83ce36afcb21c7720a7 Mon Sep 17 00:00:00 2001 From: wukko <me@wukko.me> Date: Wed, 20 Nov 2024 15:34:59 +0600 Subject: [PATCH] web/layout: fix content rounded corners in RTL layout --- web/src/routes/+layout.svelte | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte index 03bebef3..8f3a4f17 100644 --- a/web/src/routes/+layout.svelte +++ b/web/src/routes/+layout.svelte @@ -278,21 +278,30 @@ display: flex; overflow: scroll; background-color: var(--primary); - border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } + #content:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); + } + @media screen and (max-width: 535px) { #cobalt { display: grid; grid-template-columns: unset; grid-template-rows: 1fr var(--sidebar-height-mobile); } - #content { + + #content, + #content:dir(rtl) { padding-top: env(safe-area-inset-top); order: -1; border-top-left-radius: 0; + border-top-right-radius: 0; border-bottom-left-radius: calc(var(--border-radius) * 2); border-bottom-right-radius: calc(var(--border-radius) * 2); }