[incubator-streampipes] branch dev updated: [hotfix] Improve toggle button layout

[ri...@apache.org]

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 a77cd3a34 [hotfix] Improve toggle button layout
a77cd3a34 is described below

commit a77cd3a340529903a3144f47aafd05afc6a597e3
Author: Dominik Riemer <do...@gmail.com>
AuthorDate: Tue Jun 28 20:17:36 2022 +0200

    [hotfix] Improve toggle button layout
---
 ui/deployment/sp-theme.scss | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/ui/deployment/sp-theme.scss b/ui/deployment/sp-theme.scss
index db812e609..72c79d776 100644
--- a/ui/deployment/sp-theme.scss
+++ b/ui/deployment/sp-theme.scss
@@ -174,6 +174,19 @@ $accent: map-get($custom-theme-light, accent);
     background: #121212;
   }
 
+  .mat-button-toggle-checked {
+    background: var(--color-accent);
+    color: var(--color-bg-0);
+  }
+
+  .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
+    color: var(--color-bg-0);
+  }
+
+  .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
+    line-height: 30px;
+  }
+
   .mat-toolbar.mat-primary {
     color: #121212;
   }
@@ -219,6 +232,19 @@ $accent: map-get($custom-theme-light, accent);
     background: #FFFFFF;
   }
 
+  .mat-button-toggle-checked {
+    background: var(--color-accent);
+    color: var(--color-bg-0);
+  }
+
+  .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
+    color: var(--color-bg-0);
+  }
+
+  .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
+    line-height: 30px;
+  }
+
 
   --color-primary: #{mat-color($primary)};
   --color-accent: #{mat-color($accent)};