ColumnSelect: hide group labels when filtering

app/assets/javascripts/app/lib/app_post/column_select.coffee

@@ -132,6 +132,7 @@ class App.ColumnSelect extends Spine.Controller
         $(el).addClass('is-filtered')
 
     @clearButton.toggleClass 'is-hidden', filter.length is 0
+    @pool.toggleClass 'filter-active', filter.length != 0
 
   clear: ->
     @search.val('')

app/assets/javascripts/app/views/generic/column_select.jst.eco

@@ -34,7 +34,7 @@
   <div class="columnSelect-pool js-pool">
     <% for option in @attribute.options: %>
       <% if option.group != undefined: %>
-        <div class="columnSelect-divider" title="<%= option.label %>"><%= option.label %></div>
+        <div class="columnSelect-group-label" title="<%= option.label %>"><%= option.label %></div>
         <% for o in option.group: %>
         <div class="columnSelect-option js-select js-option<%= ' is-hidden' if o.selected %>" data-value="<%= o.value %>" title="<%= o.title %>"><%= o.name %></div>
         <% end %>

app/assets/stylesheets/zammad.scss

@@ -10099,9 +10099,13 @@ output {
     }
   }
 
-  &-divider {
+  &-group-label {
     opacity: 0.5;
     
+    .filter-active & {
+      display: none;
+    }
+    
     ~ .columnSelect-option {
       padding-left: 10px;
     }