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

feat: style detail improvements

Browse source
This commit is contained in:
Johannes Millan 2020-10-15 18:11:03 +02:00
parent a899d90e01
commit 2512abecc3
2 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/app/features/tasks/task/task.component.mixins.scss
View file

@ -1,6 +1,5 @@
$task-shadow: $shadow-card-shadow;
$task-active-shadow-dark: $whiteframe-shadow-6dp;
$task-active-shadow-light: $whiteframe-shadow-3dp;
$task-current-shadow-dark: $whiteframe-shadow-12dp;
$task-current-shadow-light: $whiteframe-shadow-3dp;
$task-selected-shadow-light: $whiteframe-shadow-2dp;
$task-selected-shadow-dark: $whiteframe-shadow-2dp;

18
src/app/features/tasks/task/task.component.scss
View file

@ -97,6 +97,9 @@
transition: $transition-enter;
transition-property: left, right, box-shadow;
box-shadow: $task-selected-shadow-light;
// because of the shadow, this looks better
//bottom: 2px;
@include darkTheme {
box-shadow: $task-selected-shadow-dark;
}
@ -116,6 +119,9 @@
@include isHostFocus('.inner-wrapper') {
border-radius: $task-border-radius;
// because of the border, this looks better
//top: 2px;
//bottom: 2px;
@include mq(xs) {
// NOTE: somehow ng build messes up, if we don't include it like that
@ -126,11 +132,15 @@
}
:host.isCurrent.isCurrent.isCurrent.isCurrent.isCurrent & {
border-radius: 12px !important;
box-shadow: $task-active-shadow-light;
border-radius: $task-border-radius !important;
box-shadow: $task-current-shadow-light;
// because of the shadow, this looks better
//bottom: 2px;
@include mq(xs) {
transform: scale($task-current-task-zoom);
//transform: scale($task-current-task-zoom);
left: -1 * ($task-border-radius);
right: -1 * ($task-border-radius);
}
}
@ -142,7 +152,7 @@
:host-context(.isDarkTheme).isCurrent.isCurrent.isCurrent.isCurrent & {
background: $task-c-current-bg-dark;
box-shadow: $task-active-shadow-dark;
box-shadow: $task-current-shadow-dark;
}