feat(reDesign): improve

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'"

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,

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"

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;
+  }
 }
 
 

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">