From 950f9a25001136e29357fad3e783bfbff8f5207b Mon Sep 17 00:00:00 2001
From: mmelko <mmelko@redhat.com>
Date: Mon, 22 Apr 2024 14:13:36 +0200
Subject: [PATCH] refactor(styles): Set the default background-color to
 patternfly's standard white make Split's with three stretched to the height -
 logo

---
 packages/hawtio/src/plugins/camel/Camel.css   | 1 +
 packages/hawtio/src/plugins/jmx/Jmx.css       | 1 +
 packages/hawtio/src/plugins/quartz/Quartz.css | 1 +
 packages/hawtio/src/ui/page/HawtioPage.css    | 3 +++
 packages/hawtio/src/ui/page/HawtioPage.tsx    | 2 ++
 5 files changed, 8 insertions(+)
 create mode 100644 packages/hawtio/src/ui/page/HawtioPage.css

diff --git a/packages/hawtio/src/plugins/camel/Camel.css b/packages/hawtio/src/plugins/camel/Camel.css
index ecc5a224..81e506a7 100644
--- a/packages/hawtio/src/plugins/camel/Camel.css
+++ b/packages/hawtio/src/plugins/camel/Camel.css
@@ -1,6 +1,7 @@
 .camel-split {
   display: flex;
   flex-direction: row;
+  height: calc(100vh - 85px);
 }
 
 .gutter {
diff --git a/packages/hawtio/src/plugins/jmx/Jmx.css b/packages/hawtio/src/plugins/jmx/Jmx.css
index 8da8ae14..365709a4 100644
--- a/packages/hawtio/src/plugins/jmx/Jmx.css
+++ b/packages/hawtio/src/plugins/jmx/Jmx.css
@@ -1,6 +1,7 @@
 .jmx-split {
   display: flex;
   flex-direction: row;
+  height: calc(100vh - 85px);
 }
 
 .gutter {
diff --git a/packages/hawtio/src/plugins/quartz/Quartz.css b/packages/hawtio/src/plugins/quartz/Quartz.css
index 037b3603..b2a33fda 100644
--- a/packages/hawtio/src/plugins/quartz/Quartz.css
+++ b/packages/hawtio/src/plugins/quartz/Quartz.css
@@ -1,6 +1,7 @@
 .quartz-split {
   display: flex;
   flex-direction: row;
+  height: calc(100vh - 85px);
 }
 
 .gutter {
diff --git a/packages/hawtio/src/ui/page/HawtioPage.css b/packages/hawtio/src/ui/page/HawtioPage.css
new file mode 100644
index 00000000..2ef88b8a
--- /dev/null
+++ b/packages/hawtio/src/ui/page/HawtioPage.css
@@ -0,0 +1,3 @@
+#hawtio-main-page {
+  background-color: var(--pf-global--BackgroundColor--100);
+}
diff --git a/packages/hawtio/src/ui/page/HawtioPage.tsx b/packages/hawtio/src/ui/page/HawtioPage.tsx
index b2b77e6b..7e8f3c7d 100644
--- a/packages/hawtio/src/ui/page/HawtioPage.tsx
+++ b/packages/hawtio/src/ui/page/HawtioPage.tsx
@@ -16,6 +16,7 @@ import { HawtioSidebar } from './HawtioSidebar'
 import { PageContext } from './context'
 import { log } from './globals'
 import { sessionService, SessionMonitor } from '@hawtiosrc/ui/session'
+import './HawtioPage.css'
 
 export const HawtioPage: React.FunctionComponent = () => {
   const { username, isLogin, userLoaded, userLoading } = useUser()
@@ -52,6 +53,7 @@ export const HawtioPage: React.FunctionComponent = () => {
     <PageContext.Provider value={{ username, plugins }}>
       <BackgroundImage src={backgroundImages} />
       <Page
+        id='hawtio-main-page'
         header={<HawtioHeader />}
         sidebar={<HawtioSidebar />}
         isManagedSidebar