From 72c30a58aa86676e326d39210d8bc13c1b07c05f Mon Sep 17 00:00:00 2001 From: wukko Date: Wed, 20 Nov 2024 15:33:27 +0600 Subject: [PATCH] web/Switcher: fix rounded corners in RTL layout --- web/src/components/buttons/Switcher.svelte | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/web/src/components/buttons/Switcher.svelte b/web/src/components/buttons/Switcher.svelte index 2ead0caf..0792c9e4 100644 --- a/web/src/components/buttons/Switcher.svelte +++ b/web/src/components/buttons/Switcher.svelte @@ -43,6 +43,20 @@ border-bottom-left-radius: 0; } + .switcher:not(.big):dir(rtl) :global(.button:first-child) { + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .switcher:not(.big):dir(rtl) :global(.button:last-child) { + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .switcher.big { background: var(--button); box-shadow: var(--button-box-shadow);