From 2933fc27dc00946ed256e6d2a485eac67e98f720 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Fri, 20 Sep 2019 02:23:32 +0200
Subject: [PATCH] feat(reDesign): improve

---
 .../core-ui/main-header/main-header.component.html   | 12 ++++++++++--
 src/app/core-ui/main-header/main-header.component.ts |  3 ++-
 .../bookmark-bar/bookmark-bar.component.html         |  6 +++---
 .../bookmark-bar/bookmark-bar.component.scss         |  7 ++++++-
 .../pages/work-view/work-view-page.component.html    |  1 -
 5 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/app/core-ui/main-header/main-header.component.html b/src/app/core-ui/main-header/main-header.component.html
index 0dfd894488..8d3478aa67 100644
--- a/src/app/core-ui/main-header/main-header.component.html
+++ b/src/app/core-ui/main-header/main-header.component.html
@@ -1,5 +1,6 @@
-<div class="wrapper ">
-<!--<div class="wrapper mat-elevation-z3">-->
+<!--<div class="wrapper ">-->
+<div class="wrapper"
+     [class.mat-elevation-z3]="(bannerService.activeBanner$|async)">
   <button class="burger-trigger"
           mat-icon-button>
     <mat-icon>menu</mat-icon>
@@ -126,6 +127,13 @@
       </mat-icon>
     </button>
 
+    <button class="hide-xs"
+            [title]="T.WW.HELP_PROCRASTINATION|translate"
+            mat-icon-button=""
+            routerLink="/procrastination">
+      <mat-icon>flash_on</mat-icon>
+    </button>
+
     <div class="play-btn-wrapper">
       <button (click)="togglePlay()"
               [color]="(taskService.currentTaskId$|async)? 'accent': 'lighter'"
diff --git a/src/app/core-ui/main-header/main-header.component.ts b/src/app/core-ui/main-header/main-header.component.ts
index dfda5d5663..fd90af2f60 100644
--- a/src/app/core-ui/main-header/main-header.component.ts
+++ b/src/app/core-ui/main-header/main-header.component.ts
@@ -11,6 +11,7 @@ import {GlobalConfigService} from '../../features/config/global-config.service';
 import {PomodoroService} from '../../features/pomodoro/pomodoro.service';
 import {Project} from '../../features/project/project.model';
 import {T} from '../../t.const';
+import {BannerService} from '../../core/banner/banner.service';
 
 @Component({
   selector: 'main-header',
@@ -33,7 +34,7 @@ export class MainHeaderComponent implements OnInit {
     public readonly bookmarkService: BookmarkService,
     public readonly noteService: NoteService,
     public readonly taskService: TaskService,
-    public readonly configService: GlobalConfigService,
+    public readonly bannerService: BannerService,
     public readonly pomodoroService: PomodoroService,
     private readonly _layoutService: LayoutService,
     private readonly _renderer: Renderer2,
diff --git a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.html b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.html
index e14ffee1f2..9b23376c2d 100644
--- a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.html
+++ b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.html
@@ -13,13 +13,13 @@
     <div class="list-controls">
       <button (click)="openEditDialog()"
               aria-label="add global bookmark"
-              color="lighter"
+              color=""
               mat-raised-button=""
               tabindex="1">
         <mat-icon>add</mat-icon>
       </button>
       <button (click)="isEditMode=!isEditMode"
-              [color]="isEditMode?'accent':'lighter'"
+              [color]="isEditMode?'accent':''"
               mat-raised-button=""
               tabindex="1">
         <mat-icon>edit</mat-icon>
@@ -45,7 +45,7 @@
            [title]="bookmark.path"
            aria-label="open global bookmark"
            bookmarkLink
-           color="darker"
+           color=""
            draggable="false"
            mat-raised-button=""
            tabindex="1"
diff --git a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
index 01124ef227..5dc34fbf8c 100644
--- a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
+++ b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
@@ -7,8 +7,13 @@ $listControlsWidth: 36px;
 $bookmarkMinWidth: 56px;
 
 :host {
-  display: block;
   @include mat-css-color-and-contrast(800);
+  // TODO glassTheme
+
+  a,
+  button {
+    background: transparent;
+  }
 }
 
 
diff --git a/src/app/pages/work-view/work-view-page.component.html b/src/app/pages/work-view/work-view-page.component.html
index ed356a047f..8963cfa061 100644
--- a/src/app/pages/work-view/work-view-page.component.html
+++ b/src/app/pages/work-view/work-view-page.component.html
@@ -106,7 +106,6 @@
                    listModelId="DONE"></task-list>
         <div class="finish-day-button-wrapper">
 
-
           <button color="primary"
                   mat-raised-button=""
                   routerLink="/daily-summary">