From 299547842a2524089f85dcfcc87f725b0ae33e74 Mon Sep 17 00:00:00 2001
From: David Ralph <ohlookitsderpy@protonmail.com>
Date: Thu, 20 May 2021 15:58:06 +0100
Subject: [PATCH] fix: safari css fixes

---
 src/components/modals/main/scss/index.scss          |  6 ++++++
 .../modals/main/scss/settings/_dropdown.scss        | 13 +++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/components/modals/main/scss/index.scss b/src/components/modals/main/scss/index.scss
index f9a95252..d04f0a6b 100644
--- a/src/components/modals/main/scss/index.scss
+++ b/src/components/modals/main/scss/index.scss
@@ -266,6 +266,12 @@ li {
   }
 }
 
+@supports (-webkit-hyphens: none) {
+  .navbar-item {
+    display: inline-block !important;
+  }
+}
+
 .modalNavbar {
   position: absolute;
   left: 20rem;
diff --git a/src/components/modals/main/scss/settings/_dropdown.scss b/src/components/modals/main/scss/settings/_dropdown.scss
index 8aec5b42..fb0bfd67 100644
--- a/src/components/modals/main/scss/settings/_dropdown.scss
+++ b/src/components/modals/main/scss/settings/_dropdown.scss
@@ -23,3 +23,16 @@ select {
     font: -moz-pull-down-menu !important;
   }
 }
+
+
+// safari dropdown
+@supports (-webkit-hyphens: none) {
+  select {
+    -webkit-appearance: none !important;
+    background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") right center no-repeat, var(--sidebar) !important;
+  }
+
+  .dark select {
+    background: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") right center no-repeat, var(--sidebar) !important;
+  }
+}
\ No newline at end of file