add minor improvements for toasts and header animation

This commit is contained in:
Johannes Millan 2017-02-09 23:44:28 +01:00
parent 1f02429c38
commit 513e8580b1
3 changed files with 64 additions and 57 deletions

View file

@ -4,8 +4,13 @@ main-header {
margin: 0 3px;
&.is-active {
//ng-md-icon {
border: 1px solid #fff;
border: 1px solid #ffffff;
//}
}
}
nav .md-button {
// only use background color to speed up animation
transition-property: background-color !important;
}
}

View file

@ -30,65 +30,67 @@
<span flex></span>
<md-button class="md-icon-button"
aria-label="Add Task"
ng-click="vm.openAddTask()">
<md-tooltip md-direction="bottom">
Add Task
</md-tooltip>
<ng-md-icon icon="add"></ng-md-icon>
</md-button>
<nav class="nav">
<md-button class="md-icon-button"
aria-label="Add Task"
ng-click="vm.openAddTask()">
<md-tooltip md-direction="bottom">
Add Task
</md-tooltip>
<ng-md-icon icon="add"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Daily Planner"
ui-sref-active="md-raised"
ui-sref="daily-planner">
<md-tooltip md-direction="bottom">
Go to daily planer
</md-tooltip>
<ng-md-icon icon="border_color"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Daily Planner"
ui-sref-active="md-raised"
ui-sref="daily-planner">
<md-tooltip md-direction="bottom">
Go to daily planer
</md-tooltip>
<ng-md-icon icon="border_color"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Work View"
ui-sref-active="md-raised"
ng-if="$state.current.name!=='daily-summary'"
ui-sref="work-view">
<md-tooltip md-direction="bottom">
Go to work view
</md-tooltip>
<ng-md-icon icon="playlist_play"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Work View"
ui-sref-active="md-raised"
ng-if="$state.current.name!=='daily-summary'"
ui-sref="work-view">
<md-tooltip md-direction="bottom">
Go to work view
</md-tooltip>
<ng-md-icon icon="playlist_play"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Daily Summary"
ng-if="$state.current.name==='daily-summary'"
ui-sref-active="md-raised"
ui-sref="daily-summary">
<md-tooltip md-direction="bottom">
Finish your day / Go to summary
</md-tooltip>
<ng-md-icon icon="done_all"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Daily Summary"
ng-if="$state.current.name==='daily-summary'"
ui-sref-active="md-raised"
ui-sref="daily-summary">
<md-tooltip md-direction="bottom">
Finish your day / Go to summary
</md-tooltip>
<ng-md-icon icon="done_all"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Daily Agenda / Tracking History"
ui-sref-active="md-raised"
ui-sref="daily-agenda">
<md-tooltip md-direction="bottom">
Go to daily agenda / Tracking history
</md-tooltip>
<ng-md-icon icon="today"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Daily Agenda / Tracking History"
ui-sref-active="md-raised"
ui-sref="daily-agenda">
<md-tooltip md-direction="bottom">
Go to daily agenda / Tracking history
</md-tooltip>
<ng-md-icon icon="today"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Settings"
ui-sref-active="md-raised"
ui-sref="settings">
<md-tooltip md-direction="bottom">
Go to settings
</md-tooltip>
<ng-md-icon icon="settings"></ng-md-icon>
</md-button>
<md-button class="md-icon-button"
aria-label="Settings"
ui-sref-active="md-raised"
ui-sref="settings">
<md-tooltip md-direction="bottom">
Go to settings
</md-tooltip>
<ng-md-icon icon="settings"></ng-md-icon>
</md-button>
</nav>
</div>
</md-toolbar>

View file

@ -257,7 +257,7 @@
addToday(task) {
if (task && task.title) {
this.$localStorage.tasks.unshift(this.createTask(task));
this.SimpleToast('SUCCESS', 'Task "' + task.title + '" created.');
this.SimpleToast('SUCCESS', 'Task "' + task.title + '" created.', 200);
}
}