From e630c4f043d0ec9419dcb01cbbb84843cd0c7691 Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Fri, 3 Oct 2025 17:42:32 +0300
Subject: [PATCH] filter-combo-box

---
 .../resources/css/components-dashboard.css    | 61 ++++++++++++++++++-
 1 file changed, 60 insertions(+), 1 deletion(-)

diff --git a/frontend/src/resources/css/components-dashboard.css b/frontend/src/resources/css/components-dashboard.css
index 506241c1..fe8484c5 100644
--- a/frontend/src/resources/css/components-dashboard.css
+++ b/frontend/src/resources/css/components-dashboard.css
@@ -12,7 +12,7 @@
     display: flex;
 }
 .webbpm.ervu_dashboard .align-bottom > * {
-    justify-content: flex-end;
+    align-items: flex-end;
 }
 
 .webbpm.ervu_dashboard text > div > div:last-of-type {
@@ -484,6 +484,20 @@
     content: "\f659";
 }
 
+.webbpm.ervu_dashboard .clear-field-btn {
+    color: var(--black);
+    right: var(--indent-small);
+    background-color: var(--color-text-secondary);   
+}
+.webbpm.ervu_dashboard .clear-field-btn::before {
+    content: "\f659";
+    font-family: bootstrap-icons !important;
+    font-weight: 800 !important;
+    font-size: 0.5rem;
+    line-height: 0.5rem;
+    -webkit-text-stroke-width: thin; 
+}
+
 .webbpm.ervu_dashboard text label {
     width: 9.375rem; /*150px*/
 }
@@ -1321,6 +1335,51 @@
     overflow-x: auto;
 }
 
+.webbpm.ervu_dashboard filter-combo-box .selectize-control .clear {
+    color: var(--black);
+    font-size: 0;
+    width: 16px;
+    height: 16px;
+    top: calc(50% - 8px);
+    right: var(--indent-xlarge);
+    border-radius: 20px;    
+    background-color: var(--color-text-secondary);
+    opacity: 1;
+}
+.webbpm.ervu_dashboard filter-combo-box .selectize-control .clear::before {
+    content: "\f659";
+    font-family: bootstrap-icons !important;
+    font-weight: 800 !important;
+    font-size: 0.5rem;
+    line-height: 0.5rem;
+    -webkit-text-stroke-width: thin;
+}
+.webbpm.ervu_dashboard :is(filter-combo-box, filter-static-combo-box) .selectize-control.multi .selectize-input {
+    flex-wrap: wrap;
+    height: max-content;
+    padding-left: calc(var(--indent-medium) - 8px);
+}
+.webbpm.ervu_dashboard filter-combo-box .selectize-control.multi .selectize-input {
+    padding-right: calc(var(--indent-large) * 2);
+}
+.webbpm.ervu_dashboard :is(filter-combo-box, filter-static-combo-box) .selectize-control.multi .selectize-input [data-value] {
+    position: relative;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding: 2px 8px;    
+    border: 0;
+    border-radius: 100px;
+    background: var(--color-dark-20);
+    text-shadow: none;
+    box-shadow: none;
+}
+.webbpm.ervu_dashboard :is(filter-combo-box, filter-static-combo-box) .selectize-control.plugin-remove_button [data-value] .remove {
+    right: 2px;
+    top: calc(50% - 9px);
+    border: 0;
+}
+
 .webbpm.ervu_dashboard .date-block {
     flex: 1;
 }