use CSS features for handling overflow

Edirom · Jan 17, 2019 · be68a13 · be68a13
1 parent 7bf9021
commit be68a13
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 19 deletions.
diff --git a/modules/facets.xqm b/modules/facets.xqm
@@ -197,8 +197,6 @@ declare function facets:filter-label($node as node(), $model as map(*)) as eleme
     element {name($node)} {
         $node/@*[not(name(.) = 'title')],
         attribute title {$model('filterOption')('label')},
-        if(string-length($model('filterOption')('label')) > 30) then 
-            substring($model('filterOption')('label'), 1, 30) || '…'
-        else $model('filterOption')('label')
+        $model('filterOption')('label')
     }
 };
diff --git a/resources/less/weber.less b/resources/less/weber.less
@@ -759,15 +759,6 @@ padding: 20px 25px;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
-
-// Select
-
-.allFilter {
-    .bootstrap-select, .btn, .btn-group  {
-        width: 100%!important;
-    }
-}
-
 // Filter
 
 /*.panel 
@@ -891,14 +882,24 @@ padding: 20px 25px;
     background:@brand-primary!important; 
 }
 
-.allFilter
-{
-    margin-bottom: 30px;
-}
 
-.allFilter h4
-{
-    margin: 8px 0 4px 0;
+// allFilter sidebar
+
+.allFilter {
+    margin-bottom: 30px;
+
+    h4 {
+        margin: 8px 0 4px 0;
+    }
+
+    .bootstrap-select, .btn, .btn-group  {
+        width: 100%!important;
+    }
+
+    label.btn {
+        overflow:hidden;
+        text-overflow:ellipsis;
+    }
 }