3a09d01c63
- Add more spacing to inputs. - Correct placeholder colors in inputs. - Add aria label to input for accessibility. - Clean up layout styles and mobile view. Fixes #31265 PR Close #31272
17 lines
744 B
HTML
17 lines
744 B
HTML
<div class="form-select-menu">
|
|
<button class="form-select-button" (click)="toggleOptions()" [disabled]="disabled">
|
|
<span><strong>{{label}}</strong></span><span *ngIf="showSymbol" class="symbol {{selected?.value}}"></span><span>{{selected?.title}}</span>
|
|
</button>
|
|
<ul class="form-select-dropdown" *ngIf="showOptions">
|
|
<li *ngFor="let option of options; index as i"
|
|
[class.selected]="option === selected"
|
|
role="button"
|
|
tabindex="0"
|
|
(click)="select(option, i)"
|
|
(keydown.enter)="select(option, i)"
|
|
(keydown.space)="select(option, i); $event.preventDefault()">
|
|
<span *ngIf="showSymbol" class="symbol {{option.value}}"></span><span>{{option.title}}</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|