fixed banner style

related to keycloak#33349 Signed-off-by: Erik Jan de Wit <[email protected]>
edewit · Jan 6, 2025 · bd92595 · bd92595
1 parent 0535c76
commit bd92595
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/js/apps/admin-ui/src/Banners.tsx b/js/apps/admin-ui/src/Banners.tsx
@@ -11,7 +11,7 @@ const WarnBanner = ({ msg }: WarnBannerProps) => {
   const { t } = useTranslation();
 
   return (
-    <Banner screenReaderText={t(msg)} variant="gold" isSticky>
+    <Banner screenReaderText={t(msg)} variant="gold" className={style.banner}>
       <Flex
         spaceItems={{ default: "spaceItemsSm" }}
         flexWrap={{ default: "wrap" }}

diff --git a/js/apps/admin-ui/src/banner.module.css b/js/apps/admin-ui/src/banner.module.css
@@ -0,0 +1,4 @@
+
+.banner {
+  grid-area: banners;
+}
diff --git a/js/apps/admin-ui/src/index.css b/js/apps/admin-ui/src/index.css
@@ -33,6 +33,14 @@ input[type="checkbox"] {
 
 #app {
   overflow: hidden;
+  grid-column-start: banners;
+    "banners banners"
+    "header header"
+    "nav main";
+}
+
+.pf-v5-c-page__sidebar {
+  grid-row-start: 3;
 }
 
 div.w-tc-editor {