tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styling multi filters

Browse source
This commit is contained in:
Tykayn 2025-09-15 16:09:20 +02:00 • committed by tykayn
parent a359d0f9b1
commit 4ef8d42da2
23 changed files with 205 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

21
my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss
View file

@ -3,7 +3,7 @@
:host {
.input-box {
margin-left: -1rem;
width: 220px;
.d-none {
display: none;
@ -36,11 +36,14 @@
}
.selector-button {
top: -32px;
right: -183px;
top: -60px;
left: 188px;
width: 20px;
}
.selected-items-counter {
visibility: hidden;
background: variables.$csc-chips-bg-color;
color: white;
border-radius: 200px;
@ -48,9 +51,11 @@
display: inline-block;
line-height: 10px;
position: relative;
top: 2px;
left: -53px;
visibility: hidden;
z-index: 11;
height: 30px;
top: -36px;
right: 65px;
&.is-visible {
visibility: visible;
@ -64,7 +69,6 @@
border: 1px solid #8D91A4;
background: var(--color-background-card-on-base, #FFF);
padding: 10px 40px;
width: 210px;
@ -90,8 +94,9 @@
z-index: 10;
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 210px;
top: -28px;
top: -59px;
border-left: 1px solid #8D91A4;
border-bottom: 1px solid #8D91A4;
border-right: 1px solid #8D91A4;