tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-27 07:44:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

collapsible.js: Let fade effect look good in containers with .impact

Browse Source
This commit is contained in:
Johannes Meyer 2019-07-25 11:52:14 +02:00
parent 74cb0ef3c9
commit 1fd673a034
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/css/icinga/main.less
View File

@ -307,7 +307,7 @@ a:hover > .icon-cancel {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
&:before { &:before, &:after {
content: ""; content: "";
display: block; display: block;
height: 2em; height: 2em;
@ -317,5 +317,23 @@ a:hover > .icon-cancel {
left: 0; left: 0;
right: 0; right: 0;
z-index: 1; 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;
} }
} }