cartodb/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #196 from CartoDB/500onpremises-loading-circle

Browse Source 
Fix loading circle in IE11
This commit is contained in:
Elena Torró 2018-03-23 10:38:49 +01:00 committed by GitHub
commit c909567dc5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/scss/cdb-components/_loader.scss
View File

@ -126,6 +126,8 @@ This is the generic loader for widgets, maps, components, ...
.CDB-LoaderIcon-path { .CDB-LoaderIcon-path {
stroke: rgba(255, 255, 255, 0.88); stroke: rgba(255, 255, 255, 0.88);
stroke-linecap: round; stroke-linecap: round;
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite;
stroke-width: 4px; stroke-width: 4px;
} }
@ -137,11 +139,16 @@ This is the generic loader for widgets, maps, components, ...
.CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path { .CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path {
stroke: rgba(0, 0, 0, 0.24); stroke: rgba(0, 0, 0, 0.24);
} }
.CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path { .CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path {
stroke: $cBlue; stroke: $cBlue;
} }
@keyframes rotate { @keyframes rotate {
0% {
transform: rotate(0deg);
}
100% { 100% {
transform: rotate(360deg); transform: rotate(360deg);
} }