From d95a9906417e5be6dd6f6ea82f2353917a6d3708 Mon Sep 17 00:00:00 2001
From: Henriette Dinger <HDinger@users.noreply.github.com>
Date: Fri, 12 Jan 2018 09:19:50 +0100
Subject: [PATCH] Limit projects dropdown width to fit autocompleter (#6125)

[ci skip]
---
 .../content/menus/_project_autocompletion.sass      |  2 +-
 app/assets/stylesheets/layout/_top_menu.sass        |  2 +-
 app/assets/stylesheets/layout/_top_menu_mobile.sass | 13 +++++++++----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/content/menus/_project_autocompletion.sass b/app/assets/stylesheets/content/menus/_project_autocompletion.sass
index 44151f4b4e..93ea6392b0 100644
--- a/app/assets/stylesheets/content/menus/_project_autocompletion.sass
+++ b/app/assets/stylesheets/content/menus/_project_autocompletion.sass
@@ -5,7 +5,7 @@
 .project-search-results
   position: absolute
   left: -1px
-  width: 400px !important
+  width: 400px
   background: white
 
   @include default-font($header-drop-down-projects-search-font-color, 13px)
diff --git a/app/assets/stylesheets/layout/_top_menu.sass b/app/assets/stylesheets/layout/_top_menu.sass
index 5cdbcc3438..4d17f223a3 100644
--- a/app/assets/stylesheets/layout/_top_menu.sass
+++ b/app/assets/stylesheets/layout/_top_menu.sass
@@ -96,7 +96,7 @@
       li
         float: none
     > ul.drop-down--projects
-      min-width: 400px
+      width: 400px
       left: 0
       box-shadow: none
 
diff --git a/app/assets/stylesheets/layout/_top_menu_mobile.sass b/app/assets/stylesheets/layout/_top_menu_mobile.sass
index 5177e63637..642936fac9 100644
--- a/app/assets/stylesheets/layout/_top_menu_mobile.sass
+++ b/app/assets/stylesheets/layout/_top_menu_mobile.sass
@@ -58,7 +58,8 @@
       font-size: 1.25rem !important
       vertical-align: text-bottom
     li > ul.drop-down--projects
-      min-width: 0
+      width: 100vw
+      border-right: none
 
   #account-nav-right
     > li
@@ -105,7 +106,7 @@
       // Viewport minus #account-nav-right when logged out (french: Connexion)
       max-width: calc(100vW - 150px)
       ul
-        width: 100vw
+        width: 100vw !important
         border: none
         top: $header-height-mobile
 
@@ -113,5 +114,9 @@
     width: 100vw !important
     left: 0 !important
     border-right: 0
-    .select2-search:before
-      right: 44px
+
+    .project-menu-autocomplete--input-container
+      border-right: none !important
+    .project-menu-autocomplete--results
+      border-bottom: 2px solid $header-drop-down-border-color !important
+