From c60a1c8ebdd6e5f4f847beb242815e29959b89ad Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Sat, 5 Nov 2022 01:55:17 +0100
Subject: [PATCH] Remove inset shorthand property for Qt5 support (#2180)

---
 ts/components/Select.svelte  | 8 ++++++--
 ts/components/SpinBox.svelte | 8 ++++++--
 ts/editor/legacy.scss        | 8 +++++++-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/ts/components/Select.svelte b/ts/components/Select.svelte
index 544a260ab..df6eec1e0 100644
--- a/ts/components/Select.svelte
+++ b/ts/components/Select.svelte
@@ -74,12 +74,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     .chevron {
         position: absolute;
-        inset: 0 0 0 auto;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: auto;
         border-left: 1px solid var(--border-subtle);
     }
     :global([dir="rtl"]) {
         .chevron {
-            inset: 0 auto 0 0;
+            left: 0;
+            right: auto;
             border-left: none;
             border-right: 1px solid var(--border-subtle);
         }
diff --git a/ts/components/SpinBox.svelte b/ts/components/SpinBox.svelte
index d0adf2f29..6fcf57275 100644
--- a/ts/components/SpinBox.svelte
+++ b/ts/components/SpinBox.svelte
@@ -174,12 +174,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         @include button.base($border: false);
 
         &.left {
-            inset: 0 auto 0 0;
+            top: 0;
+            right: auto;
+            bottom: 0;
+            left: 0;
             border-right: 1px solid var(--border);
         }
         &.right {
             position: absolute;
-            inset: 0 0 0 auto;
+            right: 0;
+            left: auto;
             border-left: 1px solid var(--border);
         }
     }
diff --git a/ts/editor/legacy.scss b/ts/editor/legacy.scss
index 441c5a40f..835d2d281 100644
--- a/ts/editor/legacy.scss
+++ b/ts/editor/legacy.scss
@@ -21,7 +21,13 @@
         position: absolute;
         height: $icon-size;
         width: $icon-size;
-        inset: $padding;
+
+        // replace with inset once Qt5 support is dropped
+        top: $padding;
+        right: $padding;
+        bottom: $padding;
+        left: $padding;
+
         .nightMode & {
             filter: invert(1);
         }