From 555268ab16174ad30d9c0d91d10087909dd1ec60 Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Mon, 6 Jan 2025 09:00:38 +0100
Subject: [PATCH] fixed banner style

related to #33349

Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
---
 js/apps/admin-ui/src/Banners.tsx       | 4 +++-
 js/apps/admin-ui/src/banner.module.css | 4 ++++
 js/apps/admin-ui/src/index.css         | 8 ++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 js/apps/admin-ui/src/banner.module.css

diff --git a/js/apps/admin-ui/src/Banners.tsx b/js/apps/admin-ui/src/Banners.tsx
index 7ddd2ef14135..8183c1aba393 100644
--- 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
new file mode 100644
index 000000000000..46a212645893
--- /dev/null
+++ b/js/apps/admin-ui/src/banner.module.css
@@ -0,0 +1,4 @@
+
+.banner {
+  grid-area: banners;
+}
\ No newline at end of file
diff --git a/js/apps/admin-ui/src/index.css b/js/apps/admin-ui/src/index.css
index 3ac298972792..b322cefe86cd 100644
--- 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 {