更改<核心抽屜面板>默認寬度有問題

Question

前幾天我開始玩聚合物，到目前爲止我的理解很好，但是現在我遇到了一個問題。我試圖改變默認寬度，但我無法得到想要的結果。首先，我試圖改變在CSS寬度僅與這些變化：

#navheader { 
     background-color: #56BA89; 
    } 
    core-drawer-panel .transition > #main{ 
     left:100px!important; 
    } 

    core-drawer-panel .transition > #drawer{ 
     width:100px!important; 
    } 

    core-drawer-panel .narrow-layout > #drawer:not(.core-selected){ 
     width:100px!important; 
    } 

，這裏是HTML部分：

<core-scaffold> 

    <core-header-panel navigation flex> 
    <core-toolbar id="navheader"> 
     <span>Menu</span> 
    </core-toolbar> 
    <core-menu> 
     <core-item label="One"></core-item> 
     <core-item label="Two"></core-item> 
     <core-item label="Three"></core-item> 
     <core-item label="Four"></core-item> 
     <core-item label="Five"></core-item> 
     <core-item label="Six"></core-item> 
     <core-item label="Seven"></core-item> 

    </core-menu> 
    </core-header-panel> 

    <span tool>Title</span> 

    <div class="content"> 
     If drawer is hidden, press button to display drawer. 
    </div> 
</core-scaffold> 

它並不想覆蓋默認樣式沒有！重要。這是我得到的：http://screencast.com/t/7AQHblQvk它看起來不錯，直到它崩潰，像這樣：http://screencast.com/t/oDg3ptLpp。然後我試圖改變核心抽屜panel.html內默認寬度所以我修改這部分代碼：

/** 
* Width of the drawer panel. 
* 
* @attribute drawerWidth 
* @type string 
* @default '256px' 
*/ 
drawerWidth: '100px', 

什麼都沒有發生。它沒有改變元素的寬度，所以現在我沒有關於如何實現這一點的想法和知識。誰能幫忙？

在此先感謝！ :)

Answer 1

有一個drawerWidth屬性改變寬度：從聚合物開發指南

<core-drawer-panel drawerWidth="100px"> 

https://www.polymer-project.org/docs/elements/core-elements.html#core-drawer-panel

Answer 2

除了ebidel的回答是：

屬性與破折號名通過大寫每個破折號後面的字符將其轉換爲camelCase屬性名稱，然後刪除破折號。例如，屬性first-name映射到firstName。

如果以上的答案是不行的，試試這個：

<core-drawer-panel drawer-width="100px">