refactor(styles): Set the default background-color to patternfly's st…

…andard white make Split's with three stretched to the height - logo
mmelko · Apr 23, 2024 · 950f9a2 · 950f9a2
1 parent 7212122
commit 950f9a2
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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