Static GitHub Issues

[3214] loadingIndicator style on IE11

prev: Error when using nuxt in electron SyntaxError: Unexpected token ...
next: Sourcemaps suddenly no longer created with Nuxt upgrade from 1.0.0-rc11

Version

v1.4.0

Reproduction link

https://codepen.io/rktyt/pen/jzJyem

Steps to reproduce

Please look on IE11.

What is expected ?

The loading indicator shuld be center.

What is actually happening?

The loading indicator was not center.

Additional comments?

https://github.com/nuxt/nuxt.js/tree/v1.4.0/lib/app/views/loading

Solved style:

body, html, #__nuxt {
  background-color: <%= options.background %>;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

or

body, html, #__nuxt {
  background-color: <%= options.background %>;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
}
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This bug report is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c6882">#c6882</a>)</em></sub></div>