fixed banner style

related to keycloak#33349 Signed-off-by: Erik Jan de Wit <[email protected]>
edewit · Jan 7, 2025 · 555268a · 555268a
1 parent 7cb7718
commit 555268a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/js/apps/admin-ui/src/Banners.tsx b/js/apps/admin-ui/src/Banners.tsx
@@ -3,6 +3,8 @@ import { ExclamationTriangleIcon } from "@patternfly/react-icons";
 import { useWhoAmI } from "./context/whoami/WhoAmI";
 import { useTranslation } from "react-i18next";
 
+import style from "./banners.module.css";
+
 type WarnBannerProps = {
   msg: string;
 };
@@ -11,7 +13,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 {