mirror of
https://github.com/johannesjo/super-productivity.git
synced 2026-07-29 10:40:12 +00:00
add minor improvements for toasts and header animation
This commit is contained in:
parent
1f02429c38
commit
513e8580b1
3 changed files with 64 additions and 57 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue