From b3095a703c5b0413aa479b600843fe488fbe3183 Mon Sep 17 00:00:00 2001
From: "qingwei.li" <cinwell.li@gmail.com>
Date: Tue, 27 Dec 2016 17:28:58 +0800
Subject: [PATCH] DatePicker: input display style changes to block, fixed #2018
---
examples/docs/en-US/date-picker.md | 7 +++++++
examples/docs/en-US/datetime-picker.md | 7 +++++++
examples/docs/en-US/time-picker.md | 7 +++++++
examples/docs/zh-CN/date-picker.md | 7 +++++++
examples/docs/zh-CN/datetime-picker.md | 7 +++++++
examples/docs/zh-CN/time-picker.md | 4 ++++
packages/theme-default/src/date-picker/picker.css | 3 ---
7 files changed, 39 insertions(+), 3 deletions(-)
diff --git a/examples/docs/en-US/date-picker.md b/examples/docs/en-US/date-picker.md
index 3c2eeed8a..19025022d 100644
--- a/examples/docs/en-US/date-picker.md
+++ b/examples/docs/en-US/date-picker.md
@@ -1,3 +1,10 @@
+<style>
+ .demo-date-picker .el-input {
+ width: 180px;
+ margin: auto;
+ }
+</style>
+
<script>
module.exports = {
data() {
diff --git a/examples/docs/en-US/datetime-picker.md b/examples/docs/en-US/datetime-picker.md
index dbd481c48..eedf380e9 100644
--- a/examples/docs/en-US/datetime-picker.md
+++ b/examples/docs/en-US/datetime-picker.md
@@ -1,3 +1,10 @@
+<style>
+ .demo-datetime-picker .el-input {
+ width: 180px;
+ margin: auto;
+ }
+</style>
+
<script>
module.exports = {
data() {
diff --git a/examples/docs/en-US/time-picker.md b/examples/docs/en-US/time-picker.md
index f934ce69b..241427c59 100644
--- a/examples/docs/en-US/time-picker.md
+++ b/examples/docs/en-US/time-picker.md
@@ -1,3 +1,10 @@
+<style>
+ .demo-time-picker .el-input {
+ width: 180px;
+ display: inline-block;
+ }
+</style>
+
## TimePicker
Use Time Picker for time input.
diff --git a/examples/docs/zh-CN/date-picker.md b/examples/docs/zh-CN/date-picker.md
index 287eff225..dd4a96e2d 100644
--- a/examples/docs/zh-CN/date-picker.md
+++ b/examples/docs/zh-CN/date-picker.md
@@ -1,3 +1,10 @@
+<style>
+ .demo-date-picker .el-input {
+ width: 180px;
+ margin: auto;
+ }
+</style>
+
<script>
module.exports = {
data() {
diff --git a/examples/docs/zh-CN/datetime-picker.md b/examples/docs/zh-CN/datetime-picker.md
index 52adf6457..a9c7a262f 100644
--- a/examples/docs/zh-CN/datetime-picker.md
+++ b/examples/docs/zh-CN/datetime-picker.md
@@ -1,3 +1,10 @@
+<style>
+ .demo-datetime-picker .el-input {
+ width: 180px;
+ margin: auto;
+ }
+</style>
+
<script>
module.exports = {
data() {
diff --git a/examples/docs/zh-CN/time-picker.md b/examples/docs/zh-CN/time-picker.md
index 58f4ebd1f..8eebeb3a1 100644
--- a/examples/docs/zh-CN/time-picker.md
+++ b/examples/docs/zh-CN/time-picker.md
@@ -1,4 +1,8 @@
<style>
+ .demo-time-picker .el-input {
+ width: 180px;
+ display: inline-block;
+ }
.demo-box {
.el-date-editor + .el-date-editor {
margin-left: 10px;
diff --git a/packages/theme-default/src/date-picker/picker.css b/packages/theme-default/src/date-picker/picker.css
index 7fc4832bd..195813695 100644
--- a/packages/theme-default/src/date-picker/picker.css
+++ b/packages/theme-default/src/date-picker/picker.css
@@ -3,9 +3,6 @@
@component-namespace el {
@b date-editor {
- position: relative;
- display: inline-block;
-
.el-picker-panel {
position: absolute;
min-width: 180px;