/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v1.1.1 */ md-toolbar.md-menu-toolbar h2.md-toolbar-tools { line-height: 1rem; height: auto; padding: 28px; padding-bottom: 12px; } md-toolbar.md-has-open-menu { position: relative; z-index: 100; } md-menu-bar { padding: 0 20px; display: block; position: relative; z-index: 2; } md-menu-bar .md-menu { display: inline-block; padding: 0; position: relative; } md-menu-bar button { font-size: 14px; padding: 0 10px; margin: 0; border: 0; background-color: transparent; height: 40px; } md-menu-bar md-backdrop.md-menu-backdrop { z-index: -2; } md-menu-content.md-menu-bar-menu.md-dense { max-height: none; padding: 16px 0; } md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent { position: relative; } md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon { position: absolute; padding: 0; width: 24px; top: 6px; left: 24px; } [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon { left: auto; right: 24px; } md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button { padding: 0 32px 0 64px; } [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button { padding: 0 64px 0 32px; } md-menu-content.md-menu-bar-menu.md-dense .md-button { min-height: 0; height: 32px; display: -webkit-box; display: -webkit-flex; display: flex; } md-menu-content.md-menu-bar-menu.md-dense .md-button span { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-align-self: flex-end; align-self: flex-end; margin: 0 8px; } md-menu-content.md-menu-bar-menu.md-dense md-menu-divider { margin: 8px 0; } md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button { text-align: left; } [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button { text-align: right; } md-menu-content.md-menu-bar-menu.md-dense .md-menu { padding: 0; } md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button { position: relative; margin: 0; width: 100%; text-transform: none; font-weight: normal; border-radius: 0px; padding-left: 16px; } [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button { padding-left: 0; padding-right: 16px; } md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after { display: block; content: '\25BC'; position: absolute; top: 0px; speak: none; -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9); transform: rotate(270deg) scaleY(0.45) scaleX(0.9); right: 28px; } [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after { -webkit-transform: rotate(90deg) scaleY(0.45) scaleX(0.9); transform: rotate(90deg) scaleY(0.45) scaleX(0.9); } [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after { right: auto; left: 28px; }