एमडीएल

Question

में दराज की चौड़ाई बदलें मैं अभी सामग्री डिजाइन लाइट के साथ शुरू कर दिया है। मैं दराज की चौड़ाई बदलना चाहता हूं।

.mdl-layout__drawer { 
    width: 25%; 
} 

यह दराज सामग्री क्षेत्र ओवरलैपिंग में परिणाम:

मैं क्या कोशिश की है इन पंक्तियों के साथ कुछ न कुछ है।

मैं इस समस्या को कैसे ठीक करूं?

Answer 1

दराज एक पूर्ण घटक है जो इसके मूल कंटेनर में परिभाषित बाएं स्थिति में आराम करता है। जब आप इसकी चौड़ाई बदलते हैं, तो आपको इसकी स्थिति भी बदलनी होगी। http://codepen.io/mdlhut/pen/pJmjBe

-

.mdl-layout__drawer { 
    width: 500px; 
    left: -250px; 
} 

.mdl-layout__drawer.is-visible { 
    left: 0; 
} 

यहाँ एक codepen उदाहरण है -

यहाँ सीएसएस केवल 500px की चौड़ाई के लिए समाधान है