Mirrors/super-productivity
1
0
Fork 0
mirror of https://github.com/johannesjo/super-productivity.git synced 2026-07-28 10:13:52 +00:00
Code Issues Projects Releases Wiki Activity

feat(takeABreak): improve snack styling

Browse source
This commit is contained in:
Johannes Millan 2019-02-13 19:38:10 +01:00
parent cf6113aa81
commit 75149b93a7
3 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/core/snack/snack-take-a-break/snack-take-a-break.component.html
View file

@ -1,8 +1,8 @@
<div class="wrapper">
<mat-icon>free_breakfast</mat-icon>
<span [innerHtml]="data.message"
class="message"></span>
<div [innerHtml]="data.message"
class="message"></div>
<div class="button-wrapper">
<button (click)="snooze()"

4
src/app/features/time-tracking/take-a-break/take-a-break.service.ts
View file

@ -95,6 +95,8 @@ export class TakeABreakService {
this._tick$,
this._triggerReset$,
).pipe(
// startWith(9999999),
// delay(1000),
scan((acc, value) => {
return (value > 0)
? acc + value
@ -139,7 +141,7 @@ export class TakeABreakService {
type: 'TAKE_A_BREAK',
message: msg,
config: {
duration: RE_OPEN_SNACK_INTERVAL,
duration: RE_OPEN_SNACK_INTERVAL - 1000,
}
});
});

7
src/styles/components/_overwrite-material.scss
View file

@ -11,4 +11,11 @@ body .mat-snack-bar-container {
padding-top: 8px;
padding-bottom: 8px;
}
@include mq(sm) {
max-width: 60vw;
}
@include mq(lg) {
max-width: 33vw;
}
}