corrected facet label rendering in search view

geonetwork · Jun 13, 2017 · f71828f · f71828f
1 parent 1ebeb74
commit f71828f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/...rc/main/resources/catalog/components/search/facets/partials/dimension-facet-category.html b/...rc/main/resources/catalog/components/search/facets/partials/dimension-facet-category.html
@@ -12,7 +12,7 @@
       <input type="checkbox"
              data-ng-checked="isInFilter(c)"
              data-ng-click="filter(c, $event)"/>&nbsp;
-      <span class="gn-facet-label">{{(c['@label'] || c['@value']) | characters:30}}</span>&nbsp;
+      <span class="gn-facet-label">{{c['@label'] || c['@value']}}</span>&nbsp;
       <span class="gn-facet-count">({{c['@count']}})</span>
     </label>
 

diff --git a/web-ui/src/main/resources/catalog/style/gn_search.less b/web-ui/src/main/resources/catalog/style/gn_search.less
@@ -47,24 +47,37 @@
     padding: 0.1em;
     color: #555555;
     border: none;
+    display: flex;
+    flex-direction: row;
+    * { flex-shrink: 0; }
+
     label {
       margin-bottom: 0px;
       font-weight: 500;
       cursor: pointer;
+      display: flex;
+      flex-direction: row;
+      min-width: 0px;
+      flex-shrink: 1;
       &.gn-facet-active {
         color: @gray-darker
       }
     }
     input {
-      vertical-align: bottom;
-      position: relative;
-      top: -3px;
+      margin-right: 4px;
+      margin-top: 3px;
     }
     button {
       margin: 0px;
       padding: 0px;
       font-size: 13px;
     }
+    .gn-facet-label {
+      flex-shrink: 1;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
   }
   .gn-facet-count, .list-group-item > span.fa {
     color: @gray-light;