Don't break the top-menu when searchfield is active

9 years ago · 99f4ee2bd2
parent 70f1efdb60
commit 99f4ee2bd2
1 changed files with 13 additions and 0 deletions
--- a/app/assets/stylesheets/layout/_top_menu.sass
+++ b/app/assets/stylesheets/layout/_top_menu.sass
@ -273,3 +273,16 @@ input.top-menu-search--input
      padding: 0 9px 0
    > ul > li
      max-width: 350px
+
+// Temporary overwrite searchfield styles for mobile view
+// until we have a full responsive layout
+input.top-menu-search--input
+  margin: 0 0 0 20px
+  position: absolute
+  right: 0
+  top: 6px
+  z-index: 10
+
+.top-menu-search:not(.-collapsed) .top-menu-search--button
+  top: -3px
+  z-index: 10