Geek Answers Handbook

Angular Material Toolbar Height Release

I am using angular v material. 1.1.0-RC.5. I created a simple toolbar

<md-toolbar> </md-toolbar>

When the browser width is less than 960p, the toolbar will change its height to 48p. This looks logical, although I want my toolbar to be the same height all the time.
But for me, this is really confusing - when the browser width is less than 500p - the toolbar gets bigger than before (56p) !!

One thing I noticed: browser height must be greater than 274p in order to reproduce this behavior.

This is problem?
And is it possible to disable the reset of the toolbar?

Live example (make sure the height of the content area is greater than 274p)

enter image description here

enter image description here

enter image description here

+4
2

, , - - orientation. angular -material.css:

    @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px; }
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px; } }

@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px; }
  .md-toolbar-tools {
    height: 48px;
    max-height: 48px; } }

:

, ( , ) ( , ).

, :

. . , , , .

+4

css .

md-toolbar{
 min-height:64px;
 max-height:64px
}

8, - 8.

Exmaple. http://codepen.io/next1/pen/pbwjKV

+3

More articles:


All Articles