From 5a61c157c0bfe453b1b216666aabe38d5f5d30ea Mon Sep 17 00:00:00 2001 From: mmelko Date: Wed, 4 Sep 2024 14:37:54 +0200 Subject: [PATCH] fix(HAWNG-753): tweak size of the Route Diagram to fill the screen --- .../src/plugins/camel/route-diagram/RouteDiagram.css | 5 +++-- packages/hawtio/src/plugins/camel/trace/Tracing.css | 8 ++++++++ 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.css b/packages/hawtio/src/plugins/camel/route-diagram/RouteDiagram.css index 177fc8a7..9e75fb13 100644 --- 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 index 5aaa917e..6beb1dd3 100644 --- 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;