Merge pull request #330 from dalf/fix-323

Oscar theme: fix search input field on Safari

searx/static/themes/oscar/css/logicodev-dark.css

@@ -1379,6 +1379,20 @@ th:hover .engine-tooltip,
   padding: 0.4rem 0;
   width: 1px;
 }
+/* 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;
+    }
+}
+
 /*Global*/
 body {
   background: #1d1f21 none !important;

searx/static/themes/oscar/css/logicodev.css

@@ -1406,3 +1406,17 @@ th:hover .engine-tooltip,
   padding: 0.4rem 0;
   width: 1px;
 }
+/* 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;
+    }
+}
+

searx/static/themes/oscar/css/pointhi.css

@@ -1141,3 +1141,17 @@ td:hover .engine-tooltip,
   padding: 0.4rem 0;
   width: 1px;
 }
+/* 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;
+    }
+}
+

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;

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";

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";

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;
+    }
+}