diff --git a/src/assets/styles/common-dialogs.scss b/src/assets/styles/common-dialogs.scss index 40751e1..1d6746c 100644 --- a/src/assets/styles/common-dialogs.scss +++ b/src/assets/styles/common-dialogs.scss @@ -1,7 +1,10 @@ +@use "common-mixins"; + .mat-dialog-container { color: var(--iqser-accent); padding: 0 !important; border-radius: 8px !important; + @include common-mixins.scroll-bar; } .dialog { diff --git a/src/assets/styles/common-inputs.scss b/src/assets/styles/common-inputs.scss index 9725141..652cb24 100644 --- a/src/assets/styles/common-inputs.scss +++ b/src/assets/styles/common-inputs.scss @@ -194,7 +194,7 @@ form .iqser-input-group:not(first-of-type) { .mat-datepicker-toggle { position: absolute; right: 0; - top: 1px; + bottom: 1px; color: var(--iqser-accent); &.mat-datepicker-toggle-active { diff --git a/src/lib/services/dialog.service.ts b/src/lib/services/dialog.service.ts index 1f3ba19..778098e 100644 --- a/src/lib/services/dialog.service.ts +++ b/src/lib/services/dialog.service.ts @@ -12,6 +12,7 @@ export const largeDialogConfig: MatDialogConfig = { export const defaultDialogConfig: MatDialogConfig = { width: '662px', maxWidth: '90vw', + maxHeight: '90vh', autoFocus: false, } as const;