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
wireapp · Oct 9, 2024 · 51e73a8 · 51e73a8
1 parent 9b333b7
commit 51e73a8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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');
+  }
 }