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

login typo, loop in feedback

Browse source
This commit is contained in:
Tykayn 2025-09-25 16:22:43 +02:00 • committed by tykayn
parent af8e24ef4d
commit 03d7a90d24
15 changed files with 143 additions and 258 deletions
Download patch file Download diff file Expand all files Collapse all files

29
my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.html
View file

@ -4,7 +4,7 @@
}"
class="input-box"
>
displayDropdown {{displayDropdown}}
<i class="ri-search-line search-placeholder"></i>
<div class="label">
@ -27,7 +27,7 @@
<i class="ri-arrow-down-s-line"></i>
</div>
@if (displayDropdown && availableChoices?.length) {
@if (displayDropdown ) {
<div class="dropdown">
@ -35,26 +35,33 @@
<!-- selected:-->
@if (selectedChoices?.length && availableChoices?.length) {
<div class="selected-items">
@for(sc of selectedChoices; track sc.value){
<div (click)="selectedChoicesChangeToggleItem(sc)"
*ngFor="let sc of selectedChoices"
class="dropdown-item"
>
<i class="ri-checkbox-line"></i>
{{ sc }}
{{ sc.label }}
</div>
}
</div>
<hr>
}
<div class="available-items">
<!-- available:-->
<div (click)="availableChoicesChangeToggleItem(ac)"
*ngFor="let ac of availableChoices"
class="dropdown-item"
>
<i class="ri-checkbox-blank-line"></i>
{{ ac }}
</div>
@for(sc of availableChoices; track sc.value){
<div (click)="availableChoicesChangeToggleItem(sc)"
class="dropdown-item"
>
<i class="ri-checkbox-line"></i>
{{ sc.label }}
</div>
}
</div>
</div>
</div>

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

@ -81,8 +81,12 @@
.is-disabled & {
border-color: #525668;
background: #8D91A4;
border-color: #8D91A4;
background: #fff;
color: #8D91A4;
i{
color: #525668;
}
}
}
@ -95,9 +99,8 @@
z-index: 100;
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 210px;
top: 42px;
width: 218px;
top: -57px;
left: 0;
border-left: 1px solid #8D91A4;
border-bottom: 1px solid #8D91A4;