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 96d831919b5f6803e71152d9165268017b198345..b0b0dbf3012a9df191b9dd636cb206fffc1ea348 100644 (file)
--- 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 0779f5c5ab34e3c3a72b10d4db8f0e37cb7aa4f6..0f8ca0a08500727f94661cc13fe65ff9d62cfc33 100644 (file)
--- 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 9d2140866669f00586bebd4fc90c63f04c05eab7..418a0ba500b1f594e7265d2bcf81d731e304eea3 100644 (file)
--- 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;
 }