[CHUX-242] Remove ellipsis on table filters (#1948)

* chux-242:chore:remove ellipsis on table filters * chux-242:chore:remove label width var * 2.8.4
Ebury · May 10, 2024 · c6c3391 · c6c3391
1 parent e31cb77
commit c6c3391
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ebury/chameleon-components",
-  "version": "2.8.3",
+  "version": "2.8.4",
   "main": "src/main.ts",
   "sideEffects": false,
   "author": "Ebury Team (http://labs.ebury.rocks/)",

diff --git a/src/components/ec-filter-popover/ec-filter-popover.vue b/src/components/ec-filter-popover/ec-filter-popover.vue
@@ -82,7 +82,6 @@ function onOpen(isOpen: boolean) {
 :host {
   --ec-filter-popover-width: 304px;
   --ec-filter-popover-height: 368px;
-  --ec-filter-label-width: 120px;
 }
 
 .ec-filter-popover {
@@ -111,9 +110,6 @@ function onOpen(isOpen: boolean) {
 
   &__label {
     @apply tw-text-gray-3;
-    @apply tw-truncate;
-
-    max-width: var(--ec-filter-label-width);
   }
 
   &__badge {

diff --git a/src/components/ec-table-filter/ec-table-filter.vue b/src/components/ec-table-filter/ec-table-filter.vue
@@ -118,7 +118,7 @@ function clearFilters() {
       @apply tw-gap-y-16;
     }
 
-    @media (min-width: 850px) {
+    @media (min-width: 900px) {
       @apply tw-grid-rows-1;
     }
   }
@@ -139,7 +139,7 @@ function clearFilters() {
     &--is-stretched {
       @apply tw-col-start-1 tw-col-end-[-2];
 
-      @media (min-width: 850px) {
+      @media (min-width: 900px) {
         @apply tw-col-auto;
       }
     }