From 51e73a8a22bffa203458b2d0b73feda132ff8d5d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Przemys=C5=82aw=20J=C3=B3=C5=BAwik?= Date: Wed, 9 Oct 2024 11:27:33 +0200 Subject: [PATCH] feat: Move app notification to top of the content (#18130) * feat: Move app notification to top of the content * change operator for rendering app notification --- .../components/AppNotification/AppNotification.styles.ts | 2 +- src/script/util/DebugUtil.ts | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/script/components/AppNotification/AppNotification.styles.ts b/src/script/components/AppNotification/AppNotification.styles.ts index 5fb80e0cbef..07424c66de6 100644 --- a/src/script/components/AppNotification/AppNotification.styles.ts +++ b/src/script/components/AppNotification/AppNotification.styles.ts @@ -33,7 +33,7 @@ export const wrapper: CSSObject = { left: '50%', translate: '-50% 0', transition: 'top 0.3s, opacity 0.3s', - zIndex: '99', + zIndex: '99999', 'body.theme-dark &': { backgroundColor: 'var(--gray-80)', diff --git a/src/script/util/DebugUtil.ts b/src/script/util/DebugUtil.ts index 70d23de0bbb..3c4f28b34c3 100644 --- a/src/script/util/DebugUtil.ts +++ b/src/script/util/DebugUtil.ts @@ -37,6 +37,7 @@ import keyboardjs from 'keyboardjs'; import {$createTextNode, $getRoot, LexicalEditor} from 'lexical'; import {container} from 'tsyringe'; +import {showAppNotification} from 'Components/AppNotification'; import {getLogger, Logger} from 'Util/Logger'; import {KEY} from './KeyboardUtil'; @@ -581,4 +582,8 @@ export class DebugUtil { disableForcedErrorReporting() { return disableForcedErrorReporting(); } + + renderAppNotification(message?: string) { + showAppNotification(message || 'Test notification'); + } }