From c2e355cd234ee2c556b4fea317d8e4afee37e5f3 Mon Sep 17 00:00:00 2001 From: Urban Sanden Date: Wed, 27 May 2026 15:19:37 +0200 Subject: [PATCH 1/3] IS-11382 The change moves the toast styles from a CSS module into the shared global stylesheet and switches the component to a plain class name. Here's a concise commit message: ``` IS-11382 LWA: style HAAPI error notifier via shared stylesheet Move haapi-error-notifier-toast styles from a CSS module into the shared styles.css and reference the class directly, removing the now-unused module. ``` --- .../stepper/HaapiStepperErrorNotifier.tsx | 3 +- .../stepper/haapi-error-notifier.module.css | 28 ------------------- .../src/shared/util/css/styles.css | 13 +++++++++ 3 files changed, 14 insertions(+), 30 deletions(-) delete mode 100644 src/login-web-app/src/haapi-stepper/feature/stepper/haapi-error-notifier.module.css diff --git a/src/login-web-app/src/haapi-stepper/feature/stepper/HaapiStepperErrorNotifier.tsx b/src/login-web-app/src/haapi-stepper/feature/stepper/HaapiStepperErrorNotifier.tsx index 18a1245e..fb74c0ee 100644 --- a/src/login-web-app/src/haapi-stepper/feature/stepper/HaapiStepperErrorNotifier.tsx +++ b/src/login-web-app/src/haapi-stepper/feature/stepper/HaapiStepperErrorNotifier.tsx @@ -11,7 +11,6 @@ import { IconGeneralClose } from '@curity/ui-kit-icons'; import { ReactNode, useEffect, useState } from 'react'; -import styles from '../../feature/stepper/haapi-error-notifier.module.css'; import { useHaapiStepper } from './HaapiStepperHook'; import { HaapiStepperAppError, HaapiStepperInputError } from './haapi-stepper.types'; @@ -53,7 +52,7 @@ export function HaapiStepperErrorNotifier({ return ( <> {isNotificationVisible && ( -
+

diff --git a/src/login-web-app/src/haapi-stepper/feature/stepper/haapi-error-notifier.module.css b/src/login-web-app/src/haapi-stepper/feature/stepper/haapi-error-notifier.module.css deleted file mode 100644 index 5070a9b9..00000000 --- a/src/login-web-app/src/haapi-stepper/feature/stepper/haapi-error-notifier.module.css +++ /dev/null @@ -1,28 +0,0 @@ -/* - * Copyright (C) 2026 Curity AB. All rights reserved. - * - * The contents of this file are the property of Curity AB. - * You may not copy or use this file, in either source code - * or executable form, except in compliance with terms - * set by Curity AB. - * - * For further information, please contact Curity AB. - */ - -.haapi-error-notifier-toast { - position: fixed; - inset-block-start: calc(var(--header-height) + var(--space-2)); - inset-inline-end: var(--space-1); - background-color: color-mix(in srgb, var(--color-danger) 8%, white); - border: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent); - color: var(--color-danger); - padding-block: var(--space-2); - padding-inline: var(--space-2); - border-radius: var(--form-field-border-radius); - box-shadow: - 0 10px 15px -3px rgba(0, 0, 0, 0.1), - 0 4px 6px -2px rgba(0, 0, 0, 0.05); - z-index: 50; - max-inline-size: 384px; - min-inline-size: 300px; -} diff --git a/src/login-web-app/src/shared/util/css/styles.css b/src/login-web-app/src/shared/util/css/styles.css index 9bac798a..1322808d 100644 --- a/src/login-web-app/src/shared/util/css/styles.css +++ b/src/login-web-app/src/shared/util/css/styles.css @@ -352,3 +352,16 @@ svg { .is-error { @extend .alert, .alert-danger, .w100, .mx-auto; } + +.haapi-error-notifier-toast { + position: fixed; + top: 0; + left: 0; + width: 100%; + background-color: color-mix(in srgb, var(--color-danger) 8%, white); + border-bottom: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent); + color: var(--color-danger); + padding-block: var(--space-2); + padding-inline: var(--space-2); + z-index: 50; +} From 09c7a630ae01468ee43e91ec138a40521abac5c4 Mon Sep 17 00:00:00 2001 From: Urban Sanden Date: Wed, 27 May 2026 15:26:02 +0200 Subject: [PATCH 2/3] IS-11382 Style h4 within the error notifier --- src/login-web-app/src/shared/util/css/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/login-web-app/src/shared/util/css/styles.css b/src/login-web-app/src/shared/util/css/styles.css index 1322808d..bfa0cb47 100644 --- a/src/login-web-app/src/shared/util/css/styles.css +++ b/src/login-web-app/src/shared/util/css/styles.css @@ -360,8 +360,12 @@ svg { width: 100%; background-color: color-mix(in srgb, var(--color-danger) 8%, white); border-bottom: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent); - color: var(--color-danger); padding-block: var(--space-2); padding-inline: var(--space-2); z-index: 50; + + h4 { + font-size: var(--type-base-size); + color: var(--color-danger); + } } From c8fd741272914f581ad7de25c9d149f9d4f8a735 Mon Sep 17 00:00:00 2001 From: Urban Sanden Date: Wed, 27 May 2026 17:31:09 +0200 Subject: [PATCH 3/3] IS-11382 Indentation fix --- src/login-web-app/src/shared/util/css/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/login-web-app/src/shared/util/css/styles.css b/src/login-web-app/src/shared/util/css/styles.css index bfa0cb47..a17dddf0 100644 --- a/src/login-web-app/src/shared/util/css/styles.css +++ b/src/login-web-app/src/shared/util/css/styles.css @@ -365,7 +365,7 @@ svg { z-index: 50; h4 { - font-size: var(--type-base-size); - color: var(--color-danger); + font-size: var(--type-base-size); + color: var(--color-danger); } }