From 98f9a197e270ccc1744cf58df706e7aa601f3f86 Mon Sep 17 00:00:00 2001 From: elenatorro Date: Tue, 20 Mar 2018 18:31:31 +0100 Subject: [PATCH] Fix spinner for IE11 --- src/scss/cdb-components/_loader.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/scss/cdb-components/_loader.scss b/src/scss/cdb-components/_loader.scss index 1834d4d..4c884f9 100644 --- a/src/scss/cdb-components/_loader.scss +++ b/src/scss/cdb-components/_loader.scss @@ -126,6 +126,8 @@ This is the generic loader for widgets, maps, components, ... .CDB-LoaderIcon-path { stroke: rgba(255, 255, 255, 0.88); stroke-linecap: round; + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; stroke-width: 4px; } @@ -137,11 +139,16 @@ This is the generic loader for widgets, maps, components, ... .CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path { stroke: rgba(0, 0, 0, 0.24); } + .CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path { stroke: $cBlue; } @keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { transform: rotate(360deg); }