jeudi 30 juin 2016

Change md-tab-group body min height to 0 in Angular 2 Material

Here is a plunker demo that uses Angular 2 Material md-tab-group component.

Basically, this

<md-tab-group>
    <md-tab>
        <template md-tab-label>Tab</template>
        <template md-tab-content>
            <md-content class="md-padding">
                <p>200 px height</p>
            </md-content>
        </template>
    </md-tab>
</md-tab-group>

renders to a tab that has a body with 200px height. It uses flex layout, and I cannot find from the sources how to change minimum height. Actually, this style is listed for md-tab-group:

[_nghost-vvf-2] {
    display: flex;
    flex-direction: column;
    font-family: Roboto,"Helvetica Neue",sans-serif;
    min-height: 248px;
}

How can minimum height be restored to 0 for md-tab-group properly? And where did this min-height come from?

Aucun commentaire:

Enregistrer un commentaire