Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Distinguish between active and hover in dialogs

Browse Source
This commit is contained in:
Adina Țeudan 2021-03-09 15:48:16 +02:00
parent 1faa551ae7
commit 534692ce9b
2 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/red-ui/src/app/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
View File

@ -38,7 +38,7 @@
<div class="red-input-group required w-300" *ngIf="isDictionaryRequest && !isFalsePositiveRequest">
<label translate="manual-annotation.dialog.content.dictionary"></label>
<mat-select panelClass="description-select" formControlName="dictionary">
<mat-select formControlName="dictionary">
<mat-select-trigger>{{ displayedDictionaryLabel }}</mat-select-trigger>
<mat-option
*ngFor="let dictionary of redactionDictionaries"

21
apps/red-ui/src/assets/styles/red-select.scss
View File

@ -1,18 +1,15 @@
@import 'red-variables';
.mat-select-panel.description-select mat-option.mat-option {
height: unset;
.mat-select-panel .mat-option {
font-family: Inter, sans-serif;
.mat-option-text.mat-option-text {
white-space: normal;
line-height: 16px;
margin: 12px auto;
font-weight: 500;
&:hover:not(.mat-option-disabled),
&:focus:not(.mat-option-disabled) {
background-color: $grey-6;
}
.description {
font-size: 12px;
font-weight: initial;
opacity: 0.6;
}
&.mat-selected:not(.mat-option-multiple) {
background-color: rgba($primary, 0.2);
color: $grey-1;
}
}