add css rules

dotCMS · Aug 30, 2024 · 235acc6 · 235acc6
1 parent a2b20d5
commit 235acc6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/...mponents/dot-category-field-category-list/dot-category-field-category-list.component.html b/...mponents/dot-category-field-category-list/dot-category-field-category-list.component.html
@@ -27,10 +27,10 @@
                             class="flex w-full h-full align-items-stretch align-content-center category-list__item-wrapper"
                             (click)="rowClicked.emit({ index, item })"
                             [class.cursor-pointer]="item.hasChildren">
-                            <div class="flex w-full align-content-center align-items-center">
+                            <div class="flex w-full gap-1 align-content-center align-items-center">
                                 <label
                                     data-testId="category-item-label"
-                                    class="flex flex-grow-1 category-list__item-label"
+                                    class="category-list__item-label"
                                     [class.cursor-pointer]="item.hasChildren"
                                     [for]="item.key">
                                     {{ item.value }}

diff --git a/...mponents/dot-category-field-category-list/dot-category-field-category-list.component.scss b/...mponents/dot-category-field-category-list/dot-category-field-category-list.component.scss
@@ -58,6 +58,7 @@
 .category-list__item-wrapper {
     padding-left: $spacing-3;
     padding-right: $spacing-1;
+    overflow: hidden;
 }
 
 .category-list__item-checkbox {