1 files changed, 93 insertions, 43 deletions
diff --git a/sonar-server/src/main/webapp/stylesheets/navigator.css b/sonar-server/src/main/webapp/stylesheets/navigator.css
index 146ed8be9bf..915976b925b 100644
--- a/sonar-server/src/main/webapp/stylesheets/navigator.css
+++ b/sonar-server/src/main/webapp/stylesheets/navigator.css
@@ -1,45 +1,15 @@
 /*
+ * Fonts
+ */
+/*
  * Colors
  */
-.navigator .select2-container .select2-choice,
-.navigator .select2-container-multi .select2-choices {
-  border: 1px solid #aaa;
-  border-radius: 0;
-  background: #ffffff;
-}
-.navigator .select2-container-active .select2-choice,
-.navigator .select2-container-active .select2-choices {
-  box-shadow: none;
-}
-.navigator .select2-container-multi .select2-choices {
-  white-space: nowrap;
-}
-.navigator .select2-container-multi .select2-choices li {
-  float: none;
-  display: inline-block;
-  vertical-align: middle;
-}
 .navigator-filters {
   margin-bottom: 10px;
-  padding: 10px;
-  border: 1px solid #cdcdcd;
+  border-bottom: 1px solid #cdcdcd;
   background: #efefef;
   font-size: 0;
 }
-.navigator-filters-favorite {
-  display: inline-block;
-  vertical-align: middle;
-  margin-right: 15px;
-  padding-right: 14px;
-  border-right: 1px solid #cdcdcd;
-}
-.navigator-filters-favorite-toggle {
-  display: block;
-  width: 16px;
-  height: 16px;
-  background: url(../images/star.png) no-repeat left center;
-  cursor: pointer;
-}
 .navigator-filters-list {
   display: inline-block;
   vertical-align: middle;
@@ -49,14 +19,27 @@
   display: inline-block;
   vertical-align: middle;
   margin-left: 20px;
-  font-size: 14px;
+  font-size: 13px;
 }
 .navigator-filter {
   display: inline-block;
   vertical-align: top;
+  height: 36px;
+  line-height: 36px;
+  padding: 0 7px;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background 0.3s ease;
 }
-.navigator-filter + .navigator-filter {
-  margin-left: 20px;
+.navigator-filter:hover {
+  background-color: #e2e2e2;
+}
+.navigator-filter.active {
+  position: relative;
+  padding: 0 6px;
+  border-left: 1px solid #cdcdcd;
+  border-right: 1px solid #cdcdcd;
+  background: #fff;
 }
 .navigator-filter-disabled {
   display: none;
@@ -65,18 +48,85 @@
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
-  color: #666;
-  font-size: 14px;
+  color: #333;
+  font-size: 13px;
 }
 .navigator-filter-label:after {
   content: ":";
 }
-.navigator-filter-body {
+.navigator-filter-value {
   display: inline-block;
   vertical-align: middle;
-  color: #000;
-  font-size: 14px;
+  max-width: 120px;
+  color: #333;
+  font-size: 13px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.navigator-filter-value.default {
+  color: #666;
 }
 .navigator-filter-range-input {
-  width: 80px;
+  width: 120px;
+}
+.navigator-filter-details {
+  display: none;
+  position: absolute;
+  z-index: 1200;
+  min-width: 100px;
+  border: 1px solid #cdcdcd;
+  background: #fff;
+  font-size: 13px;
+  transition: opacity 0.3s ease;
+}
+.navigator-filter-details.active {
+  display: block;
+}
+.navigator-filter-details-inner {
+  padding: 5px 7px;
+}
+.navigator-filter-select-list {
+  min-width: 150px;
+  max-height: 182px;
+  padding: 5px 0;
+  overflow-y: auto;
+}
+.navigator-filter-select-list label {
+  display: block;
+  padding: 5px 7px;
+  transition: background 0.3s ease;
+  cursor: pointer;
+}
+.navigator-filter-select-list label:hover {
+  background-color: #ededed;
+}
+.navigator-filter-select-list input[type=checkbox] {
+  position: relative;
+  top: -1px;
+  cursor: pointer;
+}
+.navigator-filter-select-list .single {
+  padding: 5px 7px;
+}
+.navigator-filter-select-list .line {
+  height: 1px;
+  margin: 5px 0;
+  background: #cdcdcd;
+}
+.navigator-filter-search {
+  margin: 7px;
+}
+.navigator-filter-search input {
+  width: 100%;
+  height: 26px;
+  padding: 0 7px;
+  border: 1px solid #cdcdcd;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.navigator-filter-favorite {
+  width: 16px;
+  height: 36px;
+  background: url('../images/star.png') no-repeat center center;
 }