From e165ba7500077075dff69ed679cfe7baa964566c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina.teudan.ext@knecon.com>
Date: Mon, 17 Jun 2024 15:59:51 +0300
Subject: [PATCH] Clamp filter values

---
 .../simple-popup-filter/simple-popup-filter.component.html      | 2 +-
 .../simple-popup-filter/simple-popup-filter.component.scss      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.html b/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.html
index e8d52be..726d322 100644
--- a/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.html
+++ b/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.html
@@ -52,7 +52,7 @@
             <div class="filter-content">
                 <div mat-menu-item *ngFor="let option of displayedOptions()" (click)="_filterCheckboxClicked(option)">
                     <mat-checkbox [checked]="selectedOptions().includes(option)" class="filter-menu-checkbox">
-                        {{ option.label }}
+                        <span class="clamp-1">{{ option.label }}</span>
                     </mat-checkbox>
                 </div>
             </div>
diff --git a/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.scss b/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.scss
index 1ca41d8..6131c98 100644
--- a/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.scss
+++ b/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.scss
@@ -19,6 +19,7 @@
 
 .filter-content {
     max-height: 300px;
+    max-width: 500px;
     overflow: auto;
     @include common-mixins.scroll-bar;
 }