Active flash on state for assets

src/styles/_app_base.sass

@@ -127,7 +127,6 @@ body
 				&.task-type
 					position: relative
 					height: 100%
-					overflow: hidden
 					white-space: nowrap
 
 					a
@@ -156,7 +155,7 @@ body
 							border-radius: 50%
 							border: 2px solid transparent
 							+position-center-translate
-							transition: background-color 150ms ease-in-out, border 150ms ease-in-out
+							transition: background-color 250ms ease-in-out, border 150ms ease-in-out, box-shadow 500ms ease-in-out
 
 						span
 							display: block
@@ -172,13 +171,16 @@ body
 
 						&.active
 							opacity: 1
-
 							&:before
 								transform: translate(-50%, -50%) scale(1.3)
 								border: 2px solid white
 								box-shadow: 0 0 0 1px rgba($color-primary, .2), 1px 1px 0 rgba(black, .2)
 							&:hover
 								border-color: $color-primary-light
+							&.flash-on
+								background: transparent !important
+								&:before
+									box-shadow: 0 0 25px 5px white
 
 						&.processing
 							background-image: none

src/styles/_shots.sass

@@ -12,11 +12,12 @@
 						&.item-status
 							opacity: .2
 
-						&.task-type .task-link
+						&.task-type
-							&:before
+							.task-link
-								opacity: .3
+								&:before
-								background: transparent
+									opacity: .3
-								border: 2px solid $color-text-dark-secondary
+									background: transparent
+									border: 2px solid $color-text-dark-secondary
 
 						&.item-thumbnail img
 							opacity: .5