micord/evru-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

filter-combo-box

Browse source
This commit is contained in:
m.epshtein 2025-10-03 17:42:32 +03:00
parent 877601e217
commit e630c4f043
1 changed files with 60 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

61
frontend/src/resources/css/components-dashboard.css
View file

@ -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;
}