Ant-design: उसी समय Datepicker Select का उपयोग करते समय कोई संरेखण नहीं होता है

को निर्मित 19 अक्तू॰ 2016 · 5टिप्पणियाँ · स्रोत: ant-design/ant-design

वह पर्यावरण जिसमें समस्या होती है:

atd संस्करण: 2.1.0
ऑपरेटिंग सिस्टम और इसका संस्करण: win7 x64
ब्राउज़र और इसका संस्करण: क्रोम 53.0.2785.143 मीटर
क्या किया तुमने?

उसी समय Datepicker का चयन करें

परिणाम आप की उम्मीद है:

दो घटक गठबंधन

वास्तविक परिणाम है:

दो नियंत्रण संरेखित नहीं हैं, आपको फिक्स करने के लिए DatePicker में verticalAlign: 'middle' शैली जोड़ने की आवश्यकता है

ऑनलाइन डेमो reproducible

http://codepen.io/daysv/pen/BLqbxw

🐛 Bug

स्रोत

daysv

सबसे उपयोगी टिप्पणी

vertical-align: middle चयन करें और डिफ़ॉल्ट vertical-align: baseline इनपुट, DatePicker, आदि के अनुरूप रखें।
vertical-align: baseline का चयन करें के अंदर प्राकृतिक टाइपसेट पाठ के अनुसार किया जाता है। चूंकि चयनकर्ता के अंदर प्लेसहोल्डर और खोज बॉक्स बिल्कुल पोस्ट नहीं किए गए हैं (गठबंधन नहीं किए गए हैं), यहां एक छोटी सी चाल का उपयोग किया जाता है, एक पाठ जोड़कर जो हमेशा अंदर मौजूद होता है संरेखित करें।
```
.ant-select-selection--single .ant-select-selection__rendered::after {
 content: '.';
 visibility: hidden;
 pointer-events: none;
}
```
.ant-select-selection__rendered overflow: hidden पाठ संरेखण को प्रभावित करेगा, इसे हटा दें।
इसे हटाने के बाद, मूल पाठ अतिप्रवाह इलिप्सिस प्रभाव नष्ट हो जाएगा, और इसे एक-एक करके ठीक किया जाएगा।
आगे क्षतिग्रस्त कॉम्बोबॉक्स की मरम्मत करें।

बहुत सारे स्टाइल विवरण शामिल हैं ...

afc163 19 अक्तू॰ 2016

👍2

सभी 5 टिप्पणियाँ

Select में vertical-align: middle , DatePicker को जोड़ना भूल जाना चाहिए था।

benjycui 19 अक्तू॰ 2016

मुझे इसे बदलने दें, Select vertical-align: middle नहीं होना चाहिए।

afc163 19 अक्तू॰ 2016

vertical-align: middle चयन करें और डिफ़ॉल्ट vertical-align: baseline इनपुट, DatePicker, आदि के अनुरूप रखें।
vertical-align: baseline का चयन करें के अंदर प्राकृतिक टाइपसेट पाठ के अनुसार किया जाता है। चूंकि चयनकर्ता के अंदर प्लेसहोल्डर और खोज बॉक्स बिल्कुल पोस्ट नहीं किए गए हैं (गठबंधन नहीं किए गए हैं), यहां एक छोटी सी चाल का उपयोग किया जाता है, एक पाठ जोड़कर जो हमेशा अंदर मौजूद होता है संरेखित करें।
```
.ant-select-selection--single .ant-select-selection__rendered::after {
 content: '.';
 visibility: hidden;
 pointer-events: none;
}
```
.ant-select-selection__rendered overflow: hidden पाठ संरेखण को प्रभावित करेगा, इसे हटा दें।
इसे हटाने के बाद, मूल पाठ अतिप्रवाह इलिप्सिस प्रभाव नष्ट हो जाएगा, और इसे एक-एक करके ठीक किया जाएगा।
आगे क्षतिग्रस्त कॉम्बोबॉक्स की मरम्मत करें।

बहुत सारे स्टाइल विवरण शामिल हैं ...

afc163 19 अक्तू॰ 2016

👍2

इसके अलावा, बहु-चयन का small/large शैली निश्चित है।

afc163 19 अक्तू॰ 2016

इस थ्रेड को स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसमें हाल की गतिविधि नहीं थी। कृपया संबंधित बग के लिए एक नया मुद्दा खोलें और इस थ्रेड में प्रासंगिक टिप्पणियों से लिंक करें।

lock[bot] 3 मई 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Ant-design: उसी समय Datepicker Select का उपयोग करते समय कोई संरेखण नहीं होता है

वह पर्यावरण जिसमें समस्या होती है:

क्या किया तुमने?

परिणाम आप की उम्मीद है:

वास्तविक परिणाम है:

ऑनलाइन डेमो reproducible

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों