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

up style multi selector

Browse source
This commit is contained in:
Tykayn 2025-10-06 18:31:10 +02:00 • committed by tykayn
parent ffb9027691
commit ac31045ad4
6 changed files with 63 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -141,27 +141,43 @@ line-height: 100%; /* 14px */
.separator{
display: flex;
width: 186px;
height: 34px;
min-height: 34px;
max-height: 34px;
padding: var(--Spacing-Spacing-20, 8px) var(--Spacing-Spacing-30, 12px);
align-items: center;
gap: var(--Spacing-Spacing-10, 4px);
border-radius: var(--Radius-list, 0);
background: #F5F5F5;
width: 186px;
height: 34px;
min-height: 34px;
max-height: 34px;
padding: var(--Spacing-Spacing-20, 8px) var(--Spacing-Spacing-30, 12px);
align-items: center;
gap: var(--Spacing-Spacing-10, 4px);
border-radius: var(--Radius-list, 0);
background: #F5F5F5;
margin-top: 6px;
margin-bottom: 16px;
.label{
overflow: hidden;
color: var(--color-text-secondary, #525668);
leading-trim: both;
text-edge: cap;
text-overflow: ellipsis;
font-family: var(--Fonts-Font-text, Barlow);
font-size: var(--Font-Base, 14px);
font-style: italic;
font-weight: 400;
line-height: 100%; /* 14px */
}
.label{
overflow: hidden;
color: var(--color-text-secondary, #525668);
leading-trim: both;
text-edge: cap;
text-overflow: ellipsis;
font-family: var(--Fonts-Font-text, Barlow);
font-size: var(--Font-Base, 14px);
font-style: italic;
font-weight: 400;
line-height: 100%; /* 14px */
}
}
.available-items{
img{
margin-right: 6px;
}
.dropdown-item{
padding: 6px;
margin-bottom: 6px;
display: flex;
align-items: center;
justify-content: start;
}
}
}