From e7c2196a25a701eefa36fd1196b87a8bdf0613c4 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 20 Nov 2024 15:33:51 +0600
Subject: [PATCH] web/DownloadButton: adapt for RTL layout

---
 .../components/save/buttons/DownloadButton.svelte | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/web/src/components/save/buttons/DownloadButton.svelte b/web/src/components/save/buttons/DownloadButton.svelte
index 43a7412d..981bb0ad 100644
--- a/web/src/components/save/buttons/DownloadButton.svelte
+++ b/web/src/components/save/buttons/DownloadButton.svelte
@@ -183,6 +183,16 @@
         border-bottom-right-radius: var(--border-radius);
     }
 
+    #download-button:dir(rtl) {
+        border-left: 0;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+
+        border-right: 1.5px var(--input-border) solid;
+        border-top-left-radius: var(--border-radius);
+        border-bottom-left-radius: var(--border-radius);
+    }
+
     #download-button:focus-visible {
         box-shadow: 0 0 0 2px var(--blue) inset;
     }
@@ -209,6 +219,11 @@
         border-left: 2px var(--secondary) solid;
     }
 
+    :global(#input-container.focused) #download-button:dir(rtl) {
+        border-left: 0;
+        border-right: 2px var(--secondary) solid;
+    }
+
     @media (hover: hover) {
         #download-button:hover {
             background: var(--button-hover-transparent);