collapsible.js: Let fade effect look good in containers with .impact
This commit is contained in:
parent
74cb0ef3c9
commit
1fd673a034
|
@ -307,7 +307,7 @@ a:hover > .icon-cancel {
|
|||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&:before {
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 2em;
|
||||
|
@ -317,5 +317,23 @@ a:hover > .icon-cancel {
|
|||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
|
||||
opacity: 1;
|
||||
transition: opacity 2s 1s linear;
|
||||
}
|
||||
|
||||
&:after {
|
||||
opacity: 0;
|
||||
background: linear-gradient(rgba(238,238,238,0), #eee);
|
||||
}
|
||||
}
|
||||
|
||||
.impact .collapsible.collapsed {
|
||||
&:before {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue