consistent colors and hover behaviour

WPS · Nov 11, 2024 · a65c231 · a65c231
1 parent 92425e8
commit a65c231
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 32 deletions.
diff --git a/src/app/workbench/presentation/header/header-buttons/header-buttons.component.scss b/src/app/workbench/presentation/header/header-buttons/header-buttons.component.scss
@@ -1,19 +1,6 @@
-span {
-  font-size: 15pt;
-  color: white;
-}
-
-.button-label {
-  color: white;
-}
-
 .disabled .button-label,
 .disabled span,
 .disabled:hover span {
   cursor: initial;
   color: gray;
 }
-
-.materialIconButton:hover {
-  color: lightgrey;
-}
diff --git a/src/app/workbench/presentation/header/header/header.component.html b/src/app/workbench/presentation/header/header/header.component.html
@@ -1,4 +1,4 @@
-<mat-toolbar color="primary">
+<mat-toolbar>
   <mat-toolbar-row class="firstRow">
     <div class="mr-10 titel-scrollbar">
       <span

diff --git a/src/app/workbench/presentation/header/header/header.component.scss b/src/app/workbench/presentation/header/header/header.component.scss
@@ -1,5 +1,6 @@
 .firstRow {
   min-height: 4rem;
+  background-color: #a4d7e1;
 }
 
 .description {
@@ -22,10 +23,6 @@
   line-height: 12pt;
 }
 
-.descriptionButton {
-  margin-bottom: 4px;
-}
-
 .description:hover {
   cursor: default;
 }
@@ -38,22 +35,10 @@
   margin-right: 15px;
 }
 
-.headline:hover > .editIcon {
-  display: contents;
-}
-
 .headline > .editIcon {
   display: none;
 }
 
-.headerButton {
-  color: white;
-}
-
-.headerButton:hover {
-  cursor: pointer;
-}
-
 .nowrap {
   white-space: nowrap;
 }

diff --git a/src/styles.scss b/src/styles.scss
@@ -79,6 +79,7 @@ body {
 .headerButton {
   background-color: transparent;
   border: none;
+  letter-spacing: 0.05em;
 }
 
 .spacer {
@@ -100,8 +101,8 @@ body {
   margin-top: 9px;
 }
 
-.toolbar {
-  height: 65px;
+.materialIconButton:hover {
+  color: grey;
 }
 
 app-root {