fix: limit mark-done-btn animation to active button state

johannesjo · johannesjo · commit 2c3be8b79204 · 2018-04-09T21:32:22.000+02:00
diff --git a/app-src/scripts/task-list/_task-list-d.scss b/app-src/scripts/task-list/_task-list-d.scss
@@ -464,17 +464,12 @@ $task-inner-padding-left-right: 6px;
   }
 }
 
-.mark-as-done-btn {
-  ng-md-icon {
-    svg {
-      animation: 0.2s success-btn-ani linear;
-
-      [ui-view].ng-enter-active &,
-      [ui-view].ng-leave &,
-      [ui-view].ng-enter & {
-        animation-duration: 0s !important;
-      }
-    }
+.mark-as-done-btn:active {
+  animation: 0.2s success-btn-ani linear;
+  [ui-view].ng-enter-active &,
+  [ui-view].ng-leave &,
+  [ui-view].ng-enter & {
+    animation-duration: 0s !important;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -464,17 +464,12 @@ $task-inner-padding-left-right: 6px;`
`464`	`464`	`}`
`465`	`465`	`}`
`466`	`466`
`467`		`-.mark-as-done-btn {`
`468`		`- ng-md-icon {`
`469`		`- svg {`
`470`		`- animation: 0.2s success-btn-ani linear;`
`471`		`-`
`472`		`- [ui-view].ng-enter-active &,`
`473`		`- [ui-view].ng-leave &,`
`474`		`- [ui-view].ng-enter & {`
`475`		`- animation-duration: 0s !important;`
`476`		`- }`
`477`		`- }`
	`467`	`+.mark-as-done-btn:active {`
	`468`	`+ animation: 0.2s success-btn-ani linear;`
	`469`	`+ [ui-view].ng-enter-active &,`
	`470`	`+ [ui-view].ng-leave &,`
	`471`	`+ [ui-view].ng-enter & {`
	`472`	`+ animation-duration: 0s !important;`
`478`	`473`	`}`
`479`	`474`	`}`
`480`	`475`