Çekmecenin genişliğini MDL'ye değiştirin

Question

Material Design Lite ile yeni başladım. Çekmecenin genişliğini değiştirmek istiyorum.

.mdl-layout__drawer { 
    width: 25%; 
} 

Bu içerik alanını yerleştirme çekmecede sonuçlanır: denedim ne

bu satırlar boyunca bir şeydir.

Bu sorunu nasıl düzeltirim?

Answer 1

Çekmece, ana kabında tanımlanmış bir sol konumda duran mutlak bir bileşendir. Genişliğini değiştirdiğinizde, konumunu da değiştirmeniz gerekir. http://codepen.io/mdlhut/pen/pJmjBe

- Burada codepen örnek

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

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

- Burada

CSS 500 piksel genişliği için tek çözüm