From 2cc6301c98caf561dda77c7929c3f5f455a69312 Mon Sep 17 00:00:00 2001
From: Alexandre Flament <alex@al-f.net>
Date: Fri, 17 Sep 2021 17:28:58 +0200
Subject: [PATCH] [fix] Oscar theme: fix input field on Safari

close #323
---
 .../themes/oscar/src/less/logicodev-dark/oscar.less |  2 ++
 .../themes/oscar/src/less/logicodev/oscar.less      |  2 ++
 .../static/themes/oscar/src/less/pointhi/oscar.less |  2 ++
 searx/static/themes/oscar/src/less/safari.css       | 13 +++++++++++++
 4 files changed, 19 insertions(+)
 create mode 100644 searx/static/themes/oscar/src/less/safari.css

diff --git a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
index e0d61aac9..c68dcd9c9 100644
--- a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
+++ b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
@@ -19,6 +19,8 @@
 @import "../logicodev/code.less";
 @import "../logicodev/preferences.less";
 
+@import (inline) "../safari.css";
+
 /*Global*/
 body {
   background:#1d1f21 none !important;
diff --git a/searx/static/themes/oscar/src/less/logicodev/oscar.less b/searx/static/themes/oscar/src/less/logicodev/oscar.less
index 7b2274ddc..187368f71 100644
--- a/searx/static/themes/oscar/src/less/logicodev/oscar.less
+++ b/searx/static/themes/oscar/src/less/logicodev/oscar.less
@@ -17,3 +17,5 @@
 @import "cursor.less";
 @import "code.less";
 @import "preferences.less";
+
+@import (inline) "../safari.css";
diff --git a/searx/static/themes/oscar/src/less/pointhi/oscar.less b/searx/static/themes/oscar/src/less/pointhi/oscar.less
index 827b77ffc..e9851458d 100644
--- a/searx/static/themes/oscar/src/less/pointhi/oscar.less
+++ b/searx/static/themes/oscar/src/less/pointhi/oscar.less
@@ -18,3 +18,5 @@
 @import "navbar.less";
 @import "code.less";
 @import "preferences.less";
+
+@import (inline) "../safari.css";
diff --git a/searx/static/themes/oscar/src/less/safari.css b/searx/static/themes/oscar/src/less/safari.css
new file mode 100644
index 000000000..02962db32
--- /dev/null
+++ b/searx/static/themes/oscar/src/less/safari.css
@@ -0,0 +1,13 @@
+/* Safari 9+ 
+   Conditional/Hack CSS from https://browserstrangeness.github.io/css_hacks.html
+*/
+@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
+    .twitter-typeahead .tt-input:focus {
+        z-index: 2;
+    }
+
+    .input-group-btn:last-child > .btn,
+    .input-group-btn:last-child > .btn-group {
+        margin-left: inherit !important;
+    }
+}