ダーツポリマーアプリドロワの幅を変更するには

Question

PolymerのApp-drawerでドロワーの幅を変更するにはどうすればよいですか？メソッドgetWidthはありますが、setWidthはありません。

--app-drawer-widthを使用する必要がありますか？もしそうなら、それはどのように行われますか？私はこれを試した：

int drawerWidthPxInt = 256; 

@Listen("handleNarrower") 
handleNarrower(var event, var x) { 
    AppDrawer drawer = document.querySelector("#idDrawerNav"); 
    drawerWidthPxInt -= 40; 
    drawerWidthPxInt = max(drawerWidthPxInt, 36); 
    drawer.customStyle['--app-drawer-width'] = drawerWidthPxInt; 
    drawer.updateStyles(); 
} 

しかし、最後の行に失敗します。

おかげ

スティーブ

Answer 1

あなたは、あなたのDOMモジュールテンプレートのスタイルセクションの幅を指定する以下のようなことができます。

<template> 
    <style> 
     app-drawer { 
      --app-drawer-width: 160px; 
     } 
     ... 
    </style> 
</template>