Merge pull request #846 from MITx/feature/tomg/waiting-class
waiting class added
This commit is contained in:
BIN
cms/static/img/blue-spinner.gif
Normal file
BIN
cms/static/img/blue-spinner.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
@@ -279,4 +279,40 @@ body.show-wip {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.waiting {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999998;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: inherit;
|
||||
background: rgba(255, 255, 255, .9);
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
@extend .spinner-icon;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -10px;
|
||||
margin-top: -10px;
|
||||
z-index: 999999;
|
||||
}
|
||||
}
|
||||
|
||||
.waiting-inline {
|
||||
&:after {
|
||||
content: '';
|
||||
@extend .spinner-icon;
|
||||
}
|
||||
}
|
||||
@@ -236,3 +236,12 @@
|
||||
margin-right: 5px;
|
||||
background: url(../img/large-video-icon.png) center no-repeat;
|
||||
}
|
||||
|
||||
.spinner-icon {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: 10px;
|
||||
vertical-align: middle;
|
||||
background: url(../img/blue-spinner.gif) no-repeat;
|
||||
}
|
||||
Reference in New Issue
Block a user