Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Change height of toolbar material design

How can I changed the height of md-toolbar in material design?

http://jsfiddle.net/kostonstyle/gsroofa5/

On the first toolbar I want a height from 30px and tried that:

<md-toolbar style:"height: 30px;">

But it does not work at all. I need a navbar with two bulks, that because of two toolbar.

I try this, but now letter disappear.

http://jsfiddle.net/kostonstyle/r178sp9o/1/

like image 661
softshipper Avatar asked Mar 09 '15 08:03

softshipper


People also ask

How do I get the height toolbar in material UI?

I had buttons in my toolbar with default margin. That was preventing the Toolbar to get a height of less than 64px. After setting the button margins to 0 the problem was solved for me.

What is mat toolbar?

The <mat-toolbar> is an Angular Directive used to create a toolbar to show the title, header, or any button action of buttons.

How to change color of toolbar in Angular Material?

The color of a <mat-toolbar> can be changed by using the color property. By default, toolbars use a neutral background color based on the current theme (light or dark). This can be changed to 'primary' , 'accent' , or 'warn' .


1 Answers

You can use an inline style like this

<md-toolbar style="min-height:30px">

Use min-height to make the toolbar smaller

like image 97
boi_echos Avatar answered Oct 08 '22 19:10

boi_echos