fix(login): fix pf-login class location

AdamJ · AdamJ · commit 5b2eab80e992 · 2018-04-17T15:10:44.000-04:00
Fix the `pf-login` class location to be on `<body>` rather than `<html>`. Update styles accordingly. fixes patternfly/patternfly#1019
diff --git a/src/less/login.less b/src/less/login.less
@@ -4,6 +4,11 @@
 
 .login-pf {
   height: 100%;
+  background: @login-bg-color url("@{img-path}/@{img-bg-login}") repeat-x 50% 0;
+  background-size: auto;
+  @media (min-width: @screen-sm-min) {
+    background-size: 100% auto;
+  }
   #brand {
     position: relative;
     top: -70px;
diff --git a/src/sass/converted/patternfly/_login.scss b/src/sass/converted/patternfly/_login.scss
@@ -4,6 +4,11 @@
 
 .login-pf {
   height: 100%;
+  background: $login-bg-color url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}#{$img-bg-login}"), "#{$img-path}#{$img-bg-login}")) repeat-x 50% 0;
+  background-size: auto;
+  @media (min-width: $screen-sm-min) {
+    background-size: 100% auto;
+  }
   #brand {
     position: relative;
     top: -70px;
diff --git a/tests/pages/_layouts/login.html b/tests/pages/_layouts/login.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!--[if IE 9]><html lang="en-us" class="ie9 login-pf"><![endif]-->
 <!--[if gt IE 9]><!-->
-<html lang="en-us" class="login-pf">
+<html lang="en-us">
 <!--<![endif]-->
 {% include head.html %}
-  <body>
+  <body class="login-pf">
 {{ content }}
   </body>
 </html>
