mirror of https://github.com/abpframework/abp.git
csharpabpc-sharpframeworkblazoraspnet-coredotnet-coreaspnetcorearchitecturesaasdomain-driven-designangularmulti-tenancy
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.2 KiB
56 lines
1.2 KiB
@keyframes spin {
|
|
0% {
|
|
transform: translateZ(0) rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: translateZ(0) rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.abp-block-area {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 102;
|
|
background-color: #fff;
|
|
opacity: .8;
|
|
transition: opacity .25s;
|
|
}
|
|
|
|
.abp-block-area.abp-block-area-disappearing {
|
|
opacity: 0;
|
|
}
|
|
|
|
.abp-block-area.abp-block-area-busy:after {
|
|
content: attr(data-text);
|
|
display: block;
|
|
max-width: 125px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 20px;
|
|
font-family: sans-serif;
|
|
color: #343a40;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.abp-block-area.abp-block-area-busy:before {
|
|
content: "";
|
|
display: block;
|
|
width: 150px;
|
|
height: 150px;
|
|
border-radius: 50%;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: transparent #228ae6 #228ae6 #228ae6;
|
|
position: absolute;
|
|
top: calc(50% - 75px);
|
|
left: calc(50% - 75px);
|
|
will-change: transform;
|
|
animation: spin .75s infinite ease-in-out;
|
|
}
|
|
|