fix(tasks): color changing on drag

johannesjo · Dec 21, 2018 · 5f64d83 · 5f64d83
1 parent 53f29a9
commit 5f64d83
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/app/tasks/task/task.component.html b/src/app/tasks/task/task.component.html
@@ -5,7 +5,7 @@
      [class.isDone]="task.isDone"
      [class.isAdditionalInfoOpen]="task._isAdditionalInfoOpen">
 
-  <div class="first-line">
+  <div class="first-line fg-standard">
     <button mat-icon-button=""
             class="check-done"
             *ngIf="task.isDone"

diff --git a/src/styles/themes.scss b/src/styles/themes.scss
@@ -1,6 +1,10 @@
 @import '~@angular/material/theming';
 
 @mixin color-helper($theme) {
+  $fg: map-get($theme, foreground);
+  $fgStandard: map-get($fg, text);
+
+  @debug $fgStandard;
   $primary: map-get($theme, primary);
   $accent: map-get($theme, accent);
   $background: map-get($theme, background);
@@ -44,6 +48,10 @@
     background-color: mat-color($primary, 800);
   }
 
+  .fg-standard {
+    color: $fgStandard;
+  }
+
   // for buttons
   .mat-lighter {
     color: mat-color($primary, default-contrast);
@@ -351,4 +359,4 @@ $pink-dark-theme: mat-dark-theme($pink-primary, $pink-accent, $pink-warn);
 .pink.isDarkTheme {
   @include angular-material-theme($pink-dark-theme);
   @include color-helper($pink-dark-theme);
-}
+}