This is an automated email from the ASF dual-hosted git repository. riemer pushed a commit to branch improve-layout-default-colors in repository https://gitbox.apache.org/repos/asf/streampipes.git
commit 27d9e356b9ebf5c3ba5ff9c9457bcb9f097531da Author: Dominik Riemer <[email protected]> AuthorDate: Tue Sep 30 21:11:29 2025 +0200 Modify layout of header title --- .../basic-header-title/header-title.component.scss | 25 ++++++++++++++++++---- .../data-explorer-chart-container.component.scss | 2 +- 2 files changed, 22 insertions(+), 5 deletions(-) diff --git a/ui/projects/streampipes/shared-ui/src/lib/components/basic-header-title/header-title.component.scss b/ui/projects/streampipes/shared-ui/src/lib/components/basic-header-title/header-title.component.scss index f79adb3a93..814fc53acd 100644 --- a/ui/projects/streampipes/shared-ui/src/lib/components/basic-header-title/header-title.component.scss +++ b/ui/projects/streampipes/shared-ui/src/lib/components/basic-header-title/header-title.component.scss @@ -17,11 +17,28 @@ */ .title-left-border { - border-left: 4px solid var(--color-primary); - padding-left: 8px; + //border-left: 4px solid var(--color-primary); + //padding-left: 8px; } .header-title { - font-size: 20pt; - font-weight: bold; + font-size: 1.7rem; + font-weight: 700; + position: relative; + display: inline-block; +} + +.header-title::after { + content: ''; + position: absolute; + left: 0; + bottom: -8px; + width: 60%; + height: 4px; + border-radius: 4px; + background: linear-gradient( + 90deg, + var(--color-primary), + var(--color-primary-dark) + ); } diff --git a/ui/src/app/data-explorer-shared/components/chart-container/data-explorer-chart-container.component.scss b/ui/src/app/data-explorer-shared/components/chart-container/data-explorer-chart-container.component.scss index 168ce837da..5d555a60cb 100644 --- a/ui/src/app/data-explorer-shared/components/chart-container/data-explorer-chart-container.component.scss +++ b/ui/src/app/data-explorer-shared/components/chart-container/data-explorer-chart-container.component.scss @@ -52,7 +52,7 @@ } .widget-header-text { - font-size: 14pt; + font-size: var(--mat-sys-body-small-font); font-weight: bold; }
