mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-03-25 16:12:44 +00:00
56 lines
1.1 KiB
SCSS
56 lines
1.1 KiB
SCSS
/// menu.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
|
@import 'extends';
|
|
|
|
md-card {
|
|
md-card-actions:not(.layout-column) {
|
|
.md-menu {
|
|
padding: 0; // don't add padding so all icon buttons are of the same height
|
|
}
|
|
}
|
|
}
|
|
|
|
md-sidenav {
|
|
md-list {
|
|
.md-menu {
|
|
padding: 0; // don't add padding so all icon buttons are of the same height
|
|
opacity: 1;
|
|
transition: $swift-ease-in;
|
|
&.ng-hide {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// submenu hack
|
|
// See https://github.com/angular/material/issues/6096
|
|
md-menu-content {
|
|
.md-menu {
|
|
@extend md-menu-item;
|
|
padding: 0;
|
|
> .md-button {
|
|
line-height: $menu-item-height;
|
|
&:after {
|
|
display: block;
|
|
content: '\25BC';
|
|
position: absolute;
|
|
top: 0px;
|
|
speak: none;
|
|
transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
|
|
right: 2 * $baseline-grid;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Fix dense menu
|
|
// See https://github.com/angular/material/commit/d370eb2
|
|
md-menu-content {
|
|
&.md-dense {
|
|
md-menu-item {
|
|
min-height: $dense-menu-item-height;
|
|
}
|
|
}
|
|
}
|