mirror of
https://github.com/johannesjo/super-productivity.git
synced 2026-08-02 04:22:32 +00:00
feat(tasks): make time values less prominent
This commit is contained in:
parent
5c9615c593
commit
3c57fe762f
1 changed files with 14 additions and 10 deletions
|
|
@ -8,10 +8,11 @@ $this-active-shadow: $whiteframe-shadow-6dp;
|
|||
$this-first-line-min-height: 40px;
|
||||
$this-icon-default-opacity: 0.7;
|
||||
|
||||
%standardTaskHover {
|
||||
%standardTaskOpacityChange {
|
||||
opacity: $this-icon-default-opacity;
|
||||
transition: transform $transition-standard;
|
||||
|
||||
:host:focus &,
|
||||
.isCurrent &,
|
||||
&:hover,
|
||||
&:focus {
|
||||
|
|
@ -63,7 +64,6 @@ $this-icon-default-opacity: 0.7;
|
|||
}
|
||||
|
||||
|
||||
|
||||
.title-bar-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
|
|
@ -86,12 +86,13 @@ $this-icon-default-opacity: 0.7;
|
|||
}
|
||||
|
||||
$this-button-spacer: 1px;
|
||||
|
||||
.toggle-sub-tasks-btn,
|
||||
.first-line .ico-btn {
|
||||
margin: 0 $this-button-spacer;
|
||||
padding: 0;
|
||||
z-index: 4;
|
||||
@extend %standardTaskHover;
|
||||
@extend %standardTaskOpacityChange;
|
||||
@extend %standardTaskZoom;
|
||||
|
||||
&:hover {
|
||||
|
|
@ -115,7 +116,6 @@ $this-icon-default-opacity: 0.7;
|
|||
}
|
||||
|
||||
|
||||
|
||||
.first-line {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
|
|
@ -250,12 +250,7 @@ $this-icon-default-opacity: 0.7;
|
|||
position: relative;
|
||||
z-index: 3;
|
||||
cursor: grab;
|
||||
opacity: $this-icon-default-opacity;
|
||||
transition: transform $transition-standard;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
@extend %standardTaskOpacityChange;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
|
|
@ -359,6 +354,15 @@ input {
|
|||
white-space: nowrap;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
opacity: 0.3;
|
||||
|
||||
|
||||
:host:focus > .inner-wrapper > .first-line &,
|
||||
//:host:hover > .inner-wrapper > .first-line &,
|
||||
.inner-wrapper.isCurrent > .first-line & {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@include mq(xs, max) {
|
||||
margin-left: 8px;
|
||||
font-size: 13px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue