You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by ri...@apache.org on 2021/08/20 13:40:21 UTC

[incubator-streampipes] branch dev updated: [hotfix] Improve layout of active page title in toolbar

This is an automated email from the ASF dual-hosted git repository.

riemer pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-streampipes.git


The following commit(s) were added to refs/heads/dev by this push:
     new fe732fe  [hotfix] Improve layout of active page title in toolbar
fe732fe is described below

commit fe732fedf86e1ae26263d858d3cc4f5f4904128f
Author: Dominik Riemer <ri...@fzi.de>
AuthorDate: Fri Aug 20 15:40:01 2021 +0200

    [hotfix] Improve layout of active page title in toolbar
---
 ui/src/app/core/components/toolbar/toolbar.component.html | 4 ++--
 ui/src/app/core/components/toolbar/toolbar.component.scss | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/core/components/toolbar/toolbar.component.html b/ui/src/app/core/components/toolbar/toolbar.component.html
index bf228da..6ee8046 100644
--- a/ui/src/app/core/components/toolbar/toolbar.component.html
+++ b/ui/src/app/core/components/toolbar/toolbar.component.html
@@ -23,8 +23,8 @@
                 <div style="padding:5px;border-radius:0px;margin-right:15px;position:relative;left:20px;">
                     <img alt="icon" src="../../../../assets/img/sp/logo-navigation.png" style="height:30px;">
                 </div>
-                <div style="padding: 5px 5px;font-size:15px;margin-left:10px;">
-                    <h4 style="margin-top:14px;font-size:12pt;font-weight:bold;">{{activePageName}}</h4>
+                <div style="margin-left:30px;">
+                    <span class="active-page">{{activePageName}}</span>
                 </div>
             </div>
         </div>
diff --git a/ui/src/app/core/components/toolbar/toolbar.component.scss b/ui/src/app/core/components/toolbar/toolbar.component.scss
index 71920e8..679963c 100644
--- a/ui/src/app/core/components/toolbar/toolbar.component.scss
+++ b/ui/src/app/core/components/toolbar/toolbar.component.scss
@@ -53,3 +53,12 @@
   margin-right: 15px;
   white-space: nowrap;
 }
+
+.active-page {
+  font-size: small;
+  background: var(--color-navigation-bg-selected);
+  color: var(--color-navigation-selected);
+  font-weight:bold;
+  padding: 5px;
+  border-radius: 2px;
+}