From b35126d68cc09a5bec85235e6efee1bf779f00e1 Mon Sep 17 00:00:00 2001 From: Clark Du Date: Wed, 22 Aug 2018 14:10:31 +0100 Subject: [PATCH] fix: ie11 loading indicator not centering (#3779) --- lib/app/views/loading/chasing-dots.html | 1 - lib/app/views/loading/circle.html | 1 - lib/app/views/loading/cube-grid.html | 1 - lib/app/views/loading/default.html | 1 - lib/app/views/loading/fading-circle.html | 1 - lib/app/views/loading/folding-cube.html | 1 - lib/app/views/loading/nuxt.html | 1 - lib/app/views/loading/pulse.html | 1 - lib/app/views/loading/rectangle-bounce.html | 1 - lib/app/views/loading/rotating-plane.html | 1 - lib/app/views/loading/three-bounce.html | 1 - lib/app/views/loading/wandering-cubes.html | 1 - 12 files changed, 12 deletions(-) diff --git a/lib/app/views/loading/chasing-dots.html b/lib/app/views/loading/chasing-dots.html index efe61286ae..d2cf7326fb 100644 --- a/lib/app/views/loading/chasing-dots.html +++ b/lib/app/views/loading/chasing-dots.html @@ -11,7 +11,6 @@ body, html, #__nuxt { } .spinner { - margin: 100px auto; width: 40px; height: 40px; position: relative; diff --git a/lib/app/views/loading/circle.html b/lib/app/views/loading/circle.html index 7a92a40d65..baa5808117 100644 --- a/lib/app/views/loading/circle.html +++ b/lib/app/views/loading/circle.html @@ -11,7 +11,6 @@ body, html, #__nuxt { } .sk-circle { - margin: 100px auto; width: 40px; height: 40px; position: relative; diff --git a/lib/app/views/loading/cube-grid.html b/lib/app/views/loading/cube-grid.html index aa2bc206d5..2d7b23cb65 100644 --- a/lib/app/views/loading/cube-grid.html +++ b/lib/app/views/loading/cube-grid.html @@ -13,7 +13,6 @@ body, html, #__nuxt { .sk-cube-grid { width: 40px; height: 40px; - margin: 100px auto; } .sk-cube-grid .sk-cube { diff --git a/lib/app/views/loading/default.html b/lib/app/views/loading/default.html index 16e66f30bd..06d6b90217 100644 --- a/lib/app/views/loading/default.html +++ b/lib/app/views/loading/default.html @@ -55,7 +55,6 @@ } #nuxt-loading>div { - margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; diff --git a/lib/app/views/loading/fading-circle.html b/lib/app/views/loading/fading-circle.html index 6cdf85d69f..3a804a3572 100644 --- a/lib/app/views/loading/fading-circle.html +++ b/lib/app/views/loading/fading-circle.html @@ -11,7 +11,6 @@ body, html, #__nuxt { } .sk-fading-circle { - margin: 100px auto; width: 40px; height: 40px; position: relative; diff --git a/lib/app/views/loading/folding-cube.html b/lib/app/views/loading/folding-cube.html index 90429acbe8..a0effe746c 100644 --- a/lib/app/views/loading/folding-cube.html +++ b/lib/app/views/loading/folding-cube.html @@ -11,7 +11,6 @@ body, html, #__nuxt { } .sk-folding-cube { - margin: 20px auto; width: 40px; height: 40px; position: relative; diff --git a/lib/app/views/loading/nuxt.html b/lib/app/views/loading/nuxt.html index bcb899a576..f52da0859d 100644 --- a/lib/app/views/loading/nuxt.html +++ b/lib/app/views/loading/nuxt.html @@ -16,7 +16,6 @@ body, html, #__nuxt { position: relative; height: 346px; width: 536px; - margin: 50px auto; } .triangle { diff --git a/lib/app/views/loading/pulse.html b/lib/app/views/loading/pulse.html index be469a19c3..2ac3c64f32 100644 --- a/lib/app/views/loading/pulse.html +++ b/lib/app/views/loading/pulse.html @@ -13,7 +13,6 @@ body, html, #__nuxt { .spinner { width: 40px; height: 40px; - margin: 100px auto; background-color: <%= options.color %>; border-radius: 100%; diff --git a/lib/app/views/loading/rectangle-bounce.html b/lib/app/views/loading/rectangle-bounce.html index 4957aed087..8195fbf0b7 100644 --- a/lib/app/views/loading/rectangle-bounce.html +++ b/lib/app/views/loading/rectangle-bounce.html @@ -11,7 +11,6 @@ body, html, #__nuxt { } .spinner { - margin: 100px auto; width: 50px; height: 40px; text-align: center; diff --git a/lib/app/views/loading/rotating-plane.html b/lib/app/views/loading/rotating-plane.html index 03e5b14d05..f391d38632 100644 --- a/lib/app/views/loading/rotating-plane.html +++ b/lib/app/views/loading/rotating-plane.html @@ -15,7 +15,6 @@ body, html, #__nuxt { height: 40px; background-color: <%= options.color %>; - margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } diff --git a/lib/app/views/loading/three-bounce.html b/lib/app/views/loading/three-bounce.html index 8bc8f12a43..c2dd8d08bd 100644 --- a/lib/app/views/loading/three-bounce.html +++ b/lib/app/views/loading/three-bounce.html @@ -11,7 +11,6 @@ body, html, #__nuxt { } .spinner { - margin: 100px auto 0; width: 70px; text-align: center; } diff --git a/lib/app/views/loading/wandering-cubes.html b/lib/app/views/loading/wandering-cubes.html index 5160405b80..01a6fc0ac1 100644 --- a/lib/app/views/loading/wandering-cubes.html +++ b/lib/app/views/loading/wandering-cubes.html @@ -11,7 +11,6 @@ body, html, #__nuxt { } .spinner { - margin: 100px auto; width: 40px; height: 40px; position: relative;