角度素材のmd-nav-itemの高さを変更してください

Question

CSSを使用して角度素材のデフォルト高さをmd-nav-itemに変更するにはどうすればよいですか。私は、次のサンプルコードを持っている：

<div ng-cloak> 
<md-content class="md-padding"> 
    <md-nav-bar 
    md-selected-nav-item="currentNavItem" 
    nav-bar-aria-label="navigation links"> 
    <md-nav-item name="Page1" md-nav-click="goto('page2')"> 
     Link1 
    </md-nav-item> 
    <md-nav-item name="Page2" md-nav-click="goto('page2')"> 
     Link2 
    </md-nav-item> 
    <md-nav-item name="Page3" md-nav-click="goto('page2')"> 
     Link3 
    </md-nav-item> 
    </md-nav-bar> 
    <div class="ext-content"> 
    {{currentNavItem}} 
    </div> 
</md-content> 

はスタイルを検査した後plunker

Answer 1

上の例も参照してください、あなたはnabvarの高さを変更するには、このような何かを行うことができます。

PLUNKER（角度材料バージョン> = 1.1.0からの作業）

.md-nav-bar, .md-nav-bar > nav, ._md-nav-bar-list, .md-button._md-nav-button{ 
    height: 50px; 
} 

.md-button._md-nav-button { 
    padding: 0; 
    min-height: 0; 
} 

**** は必ずごindex.html

---

説明でangular-material.cssファイルの後にあなたのstyles.cssファイルが含ま：変更についてmd-nav-itemの高さを求めたが、中にいるの実際には、この指示文は、それぞれliの中に.md-button._md-nav-buttonと書かれています（ul._md-nav-bar-list）。したがって、高さを.md-button._md-nav-buttonに変更する必要があります。しかし問題は、ボタンには高さがないこと、パディングと最小高さがあることです。
さらに、主な問題は、.md-nav-barにデフォルトの高さ（48ピクセル）があるためです。その内部のアイテムの高さを変更すると、それは問題にならないため、まずこのデフォルトの高さを上書きする必要があります。