From 5b0e40b62526f576e5f8a3877a7e63a2ed084685 Mon Sep 17 00:00:00 2001
From: ysds <fellows3@gmail.com>
Date: Tue, 13 Mar 2018 02:29:45 +0900
Subject: [PATCH] Fix examples' issues #25664 and #25388 (#25665)
* Prevent sign-in form from going outside viewport (#25388)
* Workaround IE centering bug
---
docs/4.0/examples/cover/cover.css | 3 ---
docs/4.0/examples/cover/index.html | 2 +-
docs/4.0/examples/floating-labels/floating-labels.css | 5 +----
docs/4.0/examples/sign-in/signin.css | 5 +----
4 files changed, 3 insertions(+), 12 deletions(-)
diff --git a/docs/4.0/examples/cover/cover.css b/docs/4.0/examples/cover/cover.css
index ebf135f5c5..108db2235d 100644
--- 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);
diff --git a/docs/4.0/examples/cover/index.html b/docs/4.0/examples/cover/index.html
index 9a641b15bd..0a0effca57 100644
--- 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>
diff --git a/docs/4.0/examples/floating-labels/floating-labels.css b/docs/4.0/examples/floating-labels/floating-labels.css
index 1eb04973a5..85c7babcf6 100644
--- 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 {
diff --git a/docs/4.0/examples/sign-in/signin.css b/docs/4.0/examples/sign-in/signin.css
index d31b6098a8..7244a54ae6 100644
--- 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;
--
GitLab