base.less: Optimize container loading effect
This commit is contained in:
parent
224e87c856
commit
cdd5004a25
|
@ -192,9 +192,14 @@ td, th {
|
||||||
&:before {
|
&:before {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
|
background: @body-bg-color url(/img/icinga-loader.gif) no-repeat center center;
|
||||||
|
background-size: 4em 4em;
|
||||||
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
pointer-events: none;
|
|
||||||
z-index: -10;
|
z-index: -10;
|
||||||
|
pointer-events: none;
|
||||||
|
.transition(none);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.impact {
|
&.impact {
|
||||||
|
@ -203,19 +208,15 @@ td, th {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.impact:before {
|
&.impact:before {
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
background: @body-bg-color url(/img/icinga-loader.gif) no-repeat center center;
|
|
||||||
background-size: 4em 4em;
|
|
||||||
opacity: .7;
|
|
||||||
pointer-events: all;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 2.5em;
|
top: 2.5em;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
|
opacity: .7;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
.transition(opacity 1s 2s linear !important);
|
pointer-events: all;
|
||||||
|
.transition(opacity 1s 2s linear);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue