github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

added overlay feature as suggested in issue #355

pull/399/head
Abdullah Almsaeed 2015-05-05 10:45:52 -04:00
parent 95a5719287
commit 66f6c40b47
3 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
build/less/boxes.less
View File

@ -30,7 +30,7 @@
&.box-default { &.box-default {
border-top-color: @gray; border-top-color: @gray;
} }
// collapsed mode // collapsed mode
&.collapsed-box { &.collapsed-box {
.box-body, .box-body,
@ -38,7 +38,7 @@
display: none; display: none;
} }
} }
.nav-stacked { .nav-stacked {
> li { > li {
border-bottom: 1px solid @box-border-color; border-bottom: 1px solid @box-border-color;
@ -74,7 +74,7 @@
.btn.btn-default { .btn.btn-default {
background: transparent; background: transparent;
} }
.btn, .btn,
a { a {
&:hover { &:hover {
background: rgba(0,0,0,0.1)!important; background: rgba(0,0,0,0.1)!important;
@ -105,7 +105,7 @@
> .box-header > .box-tools .btn { > .box-header > .box-tools .btn {
border: 0; border: 0;
box-shadow: none; box-shadow: none;
} }
// Fix font color for tiles // Fix font color for tiles
&[class*='bg'] { &[class*='bg'] {
@ -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
@ -172,7 +174,7 @@
} }
//Box header //Box header
.box-header { .box-header {
color: #444; color: #444;
display: block; display: block;
padding: @box-padding; padding: @box-padding;
@ -244,7 +246,7 @@
// Tables within the box body // Tables within the box body
> .table { > .table {
margin-bottom: 0; margin-bottom: 0;
} }
// Calendar within the box body // Calendar within the box body
.fc { .fc {

13
dist/css/AdminLTE.css vendored
View File

@ -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,

2
dist/css/AdminLTE.min.css vendored
View File

File diff suppressed because one or more lines are too long