From 47309b4c69be766cb2ef9e422d5777dc5a78682e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CJan?= Date: Tue, 26 Mar 2024 10:38:02 +0100 Subject: [PATCH] fix(console): snack bar design fix (cherry picked from commit f74cd6b3920c44ff1d6c398fef4f0f9c31a4cbdf) --- .../src/scss/gio-global-style.scss | 28 +++++++++++-------- 1 file changed, 17 insertions(+), 11 deletions(-) diff --git a/gravitee-apim-console-webui/src/scss/gio-global-style.scss b/gravitee-apim-console-webui/src/scss/gio-global-style.scss index eb3af0f9479..432e82caa18 100644 --- a/gravitee-apim-console-webui/src/scss/gio-global-style.scss +++ b/gravitee-apim-console-webui/src/scss/gio-global-style.scss @@ -8,24 +8,30 @@ $background: map.get(gio.$mat-theme, background); +$error-background-color: mat.get-color-from-palette(gio.$mat-error-palette, default); +$error-color: mat.get-color-from-palette(gio.$mat-error-palette, default-contrast); + +$success-background-color: mat.get-color-from-palette(gio.$mat-success-palette, default); +$success-color: mat.get-color-from-palette(gio.$mat-success-palette, default-contrast); + +$snackbar-button: mat.get-color-from-palette(gio.$mat-basic-palette, white); + .gio-snack-bar-success { + --mdc-snackbar-container-color: #{$success-background-color}; + --mdc-snackbar-supporting-text-color: #{$success-color}; + --mat-snack-bar-button-color: #{$snackbar-button}; white-space: pre-wrap; - background-color: mat.get-color-from-palette(gio.$mat-success-palette, default); - color: mat.get-color-from-palette(gio.$mat-success-palette, default-contrast); - - .mat-button { - color: mat.get-color-from-palette(gio.$mat-success-palette, default-contrast); - } } .gio-snack-bar-error { + --mdc-snackbar-container-color: #{$error-background-color}; + --mdc-snackbar-supporting-text-color: #{$error-color}; + --mat-snack-bar-button-color: #{$snackbar-button}; white-space: pre-wrap; - background-color: mat.get-color-from-palette(gio.$mat-error-palette, default); - color: mat.get-color-from-palette(gio.$mat-error-palette, default-contrast); +} - .mat-button { - color: mat.get-color-from-palette(gio.$mat-error-palette, default-contrast); - } +.mdc-button__label { + white-space: nowrap; } /**