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

Pull request #120: Distinguish between active and hover in dialogs

Browse Source 
Merge in RED/ui from RED-1117 to master

* commit '534692ce9b22d316349281d73054d0aa0ff5c40c':
  Distinguish between active and hover in dialogs
This commit is contained in:
Kresnadi Budisantoso 2021-03-11 16:51:39 +01:00
commit 5b3e603cf4
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"> <div class="red-input-group required w-300" *ngIf="isDictionaryRequest && !isFalsePositiveRequest">
<label translate="manual-annotation.dialog.content.dictionary"></label> <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-select-trigger>{{ displayedDictionaryLabel }}</mat-select-trigger>
<mat-option <mat-option
*ngFor="let dictionary of redactionDictionaries" *ngFor="let dictionary of redactionDictionaries"

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

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