fix(HAWNG-753): tweak size of the Route Diagram to fill the screen

hawtio · Sep 4, 2024 · 07ac50b · 07ac50b
1 parent 978b75d
commit 07ac50b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.css b/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.css
@@ -66,9 +66,10 @@
 .camel-route-diagram {
   flex-grow: 1;
   position: relative;
-  height: 60vh;
+  /* 230px representss size of hawtio bar, panel header,tab  navigation,and footer  */
+  height: calc(100vh - 230px);
   min-height: 50vh;
-  max-height: 75vh;
+  max-height: calc(100vh - 230px);
   width: 100%;
 }
 

diff --git a/packages/hawtio/src/plugins/camel/trace/Tracing.css b/packages/hawtio/src/plugins/camel/trace/Tracing.css
@@ -23,6 +23,14 @@
   flex: 1;
 }
 
+#route-diagram-tracing-view .camel-route-diagram {
+  /* 330px is approximately size of hawtio bar, header, navigation, paddings and footer  */
+  height: calc(100vh - 330px);
+  min-height: 50vh;
+  max-height: calc(100vh - 330px);
+  width: 100%;
+}
+
 #trace-header-container {
   display: flex;
   justify-content: space-between;