Fix examples' issues #25664 and #25388 (#25665)

* Prevent sign-in form from going outside viewport (#25388) * Workaround IE centering bug

Fix examples' issues #25664 and #25388 (#25665)
* Prevent sign-in form from going outside viewport (#25388) * Workaround IE centering bug
5b0e40b6 · ysds · XhmikosR · 27f553c9 · 5b0e40b6 · 5b0e40b6
Commit 5b0e40b6 authored 7 years ago by ysds Committed by XhmikosR 7 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 3 additions and 12 deletions
+3 -12
--- a/docs/4.0/examples/cover/cover.css
+++ b/docs/4.0/examples/cover/cover.css
@@ -34,9 +34,6 @@ body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
-  -ms-flex-pack: center;
-  -webkit-box-pack: center;
-  justify-content: center;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);

--- a/docs/4.0/examples/cover/index.html
+++ b/docs/4.0/examples/cover/index.html
@@ -18,7 +18,7 @@

  <body class="text-center">

-    <div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
+    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
      <header class="masthead mb-auto">
        <div class="inner">
          <h3 class="masthead-brand">Cover</h3>

--- a/docs/4.0/examples/floating-labels/floating-labels.css
+++ b/docs/4.0/examples/floating-labels/floating-labels.css
@@ -13,11 +13,8 @@ body {
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
-  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
-  -webkit-box-pack: center;
-  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
@@ -27,7 +24,7 @@ body {
  width: 100%;
  max-width: 420px;
  padding: 15px;
-  margin: 0 auto;
+  margin: auto;
 }

 .form-label-group {

--- a/docs/4.0/examples/sign-in/signin.css
+++ b/docs/4.0/examples/sign-in/signin.css
@@ -8,11 +8,8 @@ body {
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
-  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
-  -webkit-box-pack: center;
-  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
@@ -22,7 +19,7 @@ body {
  width: 100%;
  max-width: 330px;
  padding: 15px;
-  margin: 0 auto;
+  margin: auto;
 }
 .form-signin .checkbox {
  font-weight: 400;