SONAR-5718 Add a filter list dropdown

diff --git a/server/sonar-web/src/main/coffee/issues/filters-view.coffee b/server/sonar-web/src/main/coffee/issues/filters-view.coffee
index 04b47024403227438e371bc30cded07d3c6020d6..21d07786b85ce7a1d3a1176674a6a86a09394793 100644 (file)
--- a/server/sonar-web/src/main/coffee/issues/filters-view.coffee
+++ b/server/sonar-web/src/main/coffee/issues/filters-view.coffee
@@ -38,8 +38,12 @@ define [
       @$el.toggleClass 'issues-filters-selected', @options.app.state.has('filter')
 
 
-    toggleFilters: ->
+    toggleFilters: (e) ->
+      e.stopPropagation()
       @$('.issues-filters-list').toggle()
+      $('body').on 'click.issues-filters', =>
+        $('body').off 'click.issues-filters'
+        @$('.issues-filters-list').hide()
 
 
     applyFilter: (e) ->

diff --git a/server/sonar-web/src/main/less/issues.less b/server/sonar-web/src/main/less/issues.less
index 357b939a1778a82e8ce1af49b293d0d980194238..6fe63f9f7906020715445001abc3caaf211886b1 100644 (file)
--- a/server/sonar-web/src/main/less/issues.less
+++ b/server/sonar-web/src/main/less/issues.less
@@ -163,6 +163,7 @@
 }
 
 .issues-filters {
+  position: relative;
   .clearfix;
   padding: 5px 10px;
   background-color: @barBackgroundColor;
@@ -183,8 +184,18 @@
 
 .issues-filters-list {
   display: none;
+  position: absolute;
+  z-index: 6;
+  top: 31px;
+  left: 0;
+  right: 10px;
   margin-bottom: 8px;
+  padding: 5px 10px;
+  border: 1px solid #e8e8e8;
+  .box-sizing(border-box);
   line-height: 1.5;
+  background-color: #fff;
+  box-shadow: @defaultShadow;
 }
 
 .issues-filters-filter {