mirror of https://github.com/ColorlibHQ/AdminLTE
added overlay feature as suggested in issue #355
parent
95a5719287
commit
66f6c40b47
|
@ -132,7 +132,10 @@
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-bottom: 0.3em;
|
margin-bottom: 0.3em;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box,
|
||||||
|
.overlay-wrapper {
|
||||||
// Box overlay for LOADING STATE effect
|
// Box overlay for LOADING STATE effect
|
||||||
> .overlay,
|
> .overlay,
|
||||||
> .loading-img {
|
> .loading-img {
|
||||||
|
@ -161,7 +164,6 @@
|
||||||
.overlay.dark {
|
.overlay.dark {
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//Add clearfix to header, body and footer
|
//Add clearfix to header, body and footer
|
||||||
|
|
|
@ -1641,19 +1641,23 @@ a:focus {
|
||||||
margin-bottom: 0.3em;
|
margin-bottom: 0.3em;
|
||||||
}
|
}
|
||||||
.box > .overlay,
|
.box > .overlay,
|
||||||
.box > .loading-img {
|
.overlay-wrapper > .overlay,
|
||||||
|
.box > .loading-img,
|
||||||
|
.overlay-wrapper > .loading-img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.box .overlay {
|
.box .overlay,
|
||||||
|
.overlay-wrapper .overlay {
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
background: rgba(255, 255, 255, 0.7);
|
background: rgba(255, 255, 255, 0.7);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.box .overlay > .fa {
|
.box .overlay > .fa,
|
||||||
|
.overlay-wrapper .overlay > .fa {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
@ -1662,7 +1666,8 @@ a:focus {
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
.box .overlay.dark {
|
.box .overlay.dark,
|
||||||
|
.overlay-wrapper .overlay.dark {
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
.box-header:before,
|
.box-header:before,
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue