Active flash on state for assets
This commit is contained in:
@@ -127,7 +127,6 @@ body
|
|||||||
&.task-type
|
&.task-type
|
||||||
position: relative
|
position: relative
|
||||||
height: 100%
|
height: 100%
|
||||||
overflow: hidden
|
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
|
|
||||||
a
|
a
|
||||||
@@ -156,7 +155,7 @@ body
|
|||||||
border-radius: 50%
|
border-radius: 50%
|
||||||
border: 2px solid transparent
|
border: 2px solid transparent
|
||||||
+position-center-translate
|
+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
|
span
|
||||||
display: block
|
display: block
|
||||||
@@ -172,13 +171,16 @@ body
|
|||||||
|
|
||||||
&.active
|
&.active
|
||||||
opacity: 1
|
opacity: 1
|
||||||
|
|
||||||
&:before
|
&:before
|
||||||
transform: translate(-50%, -50%) scale(1.3)
|
transform: translate(-50%, -50%) scale(1.3)
|
||||||
border: 2px solid white
|
border: 2px solid white
|
||||||
box-shadow: 0 0 0 1px rgba($color-primary, .2), 1px 1px 0 rgba(black, .2)
|
box-shadow: 0 0 0 1px rgba($color-primary, .2), 1px 1px 0 rgba(black, .2)
|
||||||
&:hover
|
&:hover
|
||||||
border-color: $color-primary-light
|
border-color: $color-primary-light
|
||||||
|
&.flash-on
|
||||||
|
background: transparent !important
|
||||||
|
&:before
|
||||||
|
box-shadow: 0 0 25px 5px white
|
||||||
|
|
||||||
&.processing
|
&.processing
|
||||||
background-image: none
|
background-image: none
|
||||||
|
@@ -12,7 +12,8 @@
|
|||||||
&.item-status
|
&.item-status
|
||||||
opacity: .2
|
opacity: .2
|
||||||
|
|
||||||
&.task-type .task-link
|
&.task-type
|
||||||
|
.task-link
|
||||||
&:before
|
&:before
|
||||||
opacity: .3
|
opacity: .3
|
||||||
background: transparent
|
background: transparent
|
||||||
|
Reference in New Issue
Block a user