Fix sidenav toolbar (logo and buttons)

This commit is contained in:
iRouge
2015-03-08 17:09:20 -04:00
committed by Francis Lachapelle
parent 90cd79a21b
commit fdb4cd71eb
6 changed files with 24 additions and 13 deletions

View File

@@ -35,6 +35,7 @@ sg-folder-tree .md-button {
// Variables
$iconButton-size: $touch-zone-width;
$iconButton-icon-size: sg-size(title);
$iconButton-menu-size: sg-size(headline);
$iconButton-icon-padding: 2px;
$iconButton-size-cursor-coarse: $iconButton-size;
// Could be use to scale-down buttons if desktop layout suffers too much from touch-size
@@ -44,6 +45,7 @@ $iconButton-padding: ($iconButton-size - ($iconButton-icon-size + ($iconButton-i
$iconButton-hover-scale: 1.25;
$iconButton-transition: transform $swift-ease-in-duration $swift-ease-in-timing-function;
// Classes
.iconButton {
padding: $iconButton-padding;
@@ -94,4 +96,8 @@ $iconButton-transition: transform $swift-ease-in-duration $swift-ease-in-timing-
width: $touch-zone;
height: $touch-zone;
margin-left: ($mg * -1);
}
// angular-material is overspecifying so we are and so we have to continue
.sg-button-navicon.iconButton span.md-icon-menu {
font-size: $iconButton-menu-size;
}