Adding fade-out transition to search box on select tree
This commit is contained in:
parent
cdda919d5a
commit
24d829cb72
@ -39,6 +39,10 @@ $gray6 = #303030
|
|||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: transparent
|
color: transparent
|
||||||
|
|
||||||
|
input,
|
||||||
|
i
|
||||||
|
opacity: 0
|
||||||
|
|
||||||
&, .select-tree
|
&, .select-tree
|
||||||
|
|
||||||
&:not(.open)>.tree-content
|
&:not(.open)>.tree-content
|
||||||
@ -94,6 +98,7 @@ $gray6 = #303030
|
|||||||
border-color: $gray5
|
border-color: $gray5
|
||||||
font-weight: normal
|
font-weight: normal
|
||||||
padding-left: 34px
|
padding-left: 34px
|
||||||
|
transition(opacity 0.3s ease)
|
||||||
|
|
||||||
& ~ i
|
& ~ i
|
||||||
color: $gray1
|
color: $gray1
|
||||||
@ -101,6 +106,7 @@ $gray6 = #303030
|
|||||||
left: 16px
|
left: 16px
|
||||||
position: absolute
|
position: absolute
|
||||||
top: 37px
|
top: 37px
|
||||||
|
transition(opacity 0.3s ease)
|
||||||
|
|
||||||
.tree-breadcrumb
|
.tree-breadcrumb
|
||||||
line-height: 32px
|
line-height: 32px
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user