This is an automated email from the ASF dual-hosted git repository. riemer pushed a commit to branch minor-layout-harmonization in repository https://gitbox.apache.org/repos/asf/streampipes.git
commit 82505e5e76389cfe4c9c0269a0ece811e52deccc Author: Dominik Riemer <[email protected]> AuthorDate: Mon Nov 3 20:19:57 2025 +0100 fix view heights --- .../basic-nav-tabs/basic-nav-tabs.component.scss | 2 +- .../components/basic-view/basic-view.component.scss | 2 +- .../core/components/iconbar/iconbar.component.scss | 19 ++++++++++--------- 3 files changed, 12 insertions(+), 11 deletions(-) diff --git a/ui/projects/streampipes/shared-ui/src/lib/components/basic-nav-tabs/basic-nav-tabs.component.scss b/ui/projects/streampipes/shared-ui/src/lib/components/basic-nav-tabs/basic-nav-tabs.component.scss index 3dadfe1a3b..6fbe8288a0 100644 --- a/ui/projects/streampipes/shared-ui/src/lib/components/basic-nav-tabs/basic-nav-tabs.component.scss +++ b/ui/projects/streampipes/shared-ui/src/lib/components/basic-nav-tabs/basic-nav-tabs.component.scss @@ -27,7 +27,7 @@ .page-container { margin: 10px; border: 1px solid var(--color-bg-3); - min-height: calc(100% - 50px); + min-height: calc(100vh - 76px); border-radius: 10px; } diff --git a/ui/projects/streampipes/shared-ui/src/lib/components/basic-view/basic-view.component.scss b/ui/projects/streampipes/shared-ui/src/lib/components/basic-view/basic-view.component.scss index 454f054f9e..f04a521d68 100644 --- a/ui/projects/streampipes/shared-ui/src/lib/components/basic-view/basic-view.component.scss +++ b/ui/projects/streampipes/shared-ui/src/lib/components/basic-view/basic-view.component.scss @@ -44,7 +44,7 @@ .page-container { margin: 10px; border: 1px solid var(--color-bg-3); - min-height: calc(100vh - 75px); + min-height: calc(100vh - 76px); background-color: var(--color-bg-main-panel-content); border-radius: 6px; } diff --git a/ui/src/app/core/components/iconbar/iconbar.component.scss b/ui/src/app/core/components/iconbar/iconbar.component.scss index ae54e27743..2938e709ab 100644 --- a/ui/src/app/core/components/iconbar/iconbar.component.scss +++ b/ui/src/app/core/components/iconbar/iconbar.component.scss @@ -79,19 +79,26 @@ /* Header */ .menubar-header { - height: var(--mat-toolbar-standard-height); + height: calc(var(--mat-toolbar-standard-height) + 10px); padding: 0 10px 0 12px; border-bottom: 1px solid var(--mb-outline); display: flex; align-items: center; gap: 8px; - //background: var(--color-bg-1); +} + +.brand { + height: var(--mat-toolbar-standard-height); + display: flex; + align-items: center; + overflow: hidden; } .brand img { max-width: 100%; display: block; - padding: 10px 0px; + max-height: 100%; + object-fit: contain; } .collapse-btn { @@ -232,12 +239,8 @@ transparent ); outline-color: var(--mb-outline-strong); - //box-shadow: - // inset 0 0 0 1px rgba(255,255,255,.05), - // 0 6px 16px rgba(0,0,0,.18); } -/* Icon + text + badge */ .item-icon { font-size: 18px; width: 18px; @@ -258,7 +261,6 @@ text-overflow: ellipsis; } -/* Collapsed (icon-only) refinements */ .menubar-root.collapsed .iconbar-item-btn { justify-content: center; } @@ -268,7 +270,6 @@ padding: 10px 0; } -/* Responsive hint (optional) */ @media (max-width: 960px) { :root { --mb-width: 248px;
