From: Simon Brandhof <simon.brandhof@gmail.com>
Date: Wed, 3 Oct 2012 16:30:19 +0000 (+0200)
Subject: Fix the conflict of breadcrumb and search engine results
X-Git-Tag: 3.3~128
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=6f999f3f1a8ac68bf9940cab7b8b84e94126093d;p=sonarqube.git

Fix the conflict of breadcrumb and search engine results
---

diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_layout.html.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_layout.html.erb
index 96d831919b5..b0b0dbf3012 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_layout.html.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_layout.html.erb
@@ -36,10 +36,10 @@
       <li><a href="<%= ApplicationController.root_context -%>/profiles"><%= message('layout.configuration') -%></a></li>
     </ul>
   </div>
+  <div id="searchResourcesResults" class="autocomplete" style="display:none"></div>
 </div>
 <%= render 'layouts/breadcrumb' -%>
 <div id="body">
-  <div id="searchResourcesResults" class="autocomplete" style="display:none"></div>
   <div id="sb">
     <div id="sidebar">
       <ul>
diff --git a/sonar-server/src/main/webapp/stylesheets/layout.css b/sonar-server/src/main/webapp/stylesheets/layout.css
index 0779f5c5ab3..0f8ca0a0850 100644
--- a/sonar-server/src/main/webapp/stylesheets/layout.css
+++ b/sonar-server/src/main/webapp/stylesheets/layout.css
@@ -58,6 +58,7 @@ body, a {
   line-height: 30px;
   font-size: 93%;
   margin: 0 10px;
+  position: relative;
 }
 
 #hd a {
@@ -94,6 +95,14 @@ body, a {
   padding: 0 0 0 10px;
 }
 
+#searchResourcesResults {
+  position: absolute;
+  float: right;
+  width: 600px;
+  top: 30px;
+  right: 0;
+}
+
 #crumbs {
   color: #444;
   background: #EFEFEF;
diff --git a/sonar-server/src/main/webapp/stylesheets/style.css b/sonar-server/src/main/webapp/stylesheets/style.css
index 9d214086666..418a0ba500b 100644
--- a/sonar-server/src/main/webapp/stylesheets/style.css
+++ b/sonar-server/src/main/webapp/stylesheets/style.css
@@ -1091,20 +1091,13 @@ div.progress div.note {
 }
 
 div.autocomplete {
-  position: absolute;
-  width: 600px;
-  right: 10px;
-  top: 10px;
   background-color: #fff;
   border: 1px solid #ccc;
   margin: 0;
   padding: 0;
   color: #111;
   line-height: 18px;
-  -moz-box-shadow: 0 0 10px 5px #EFEFEF;
-  -webkit-box-shadow: 0 0 10px 5px #EFEFEF;
-  -o-box-shadow: 0 0 10px 5px #EFEFEF;
-  box-shadow: 0 0 10px 5px #EFEFEF;
+  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
   z-index: 999999;
 }