Replace bottom-bar by bottom-sheet

Adjust sidenav layout
Unify background colors
This commit is contained in:
Benoit Favreault
2015-06-12 11:18:00 -04:00
committed by Francis Lachapelle
parent 69d0a3ad57
commit e756053f8b
14 changed files with 177 additions and 94 deletions
@@ -393,10 +393,10 @@ $colorBlueGrey900: nth($paletteBlueGrey, 10);
$hues: map-keys($palette);
@each $hue in $hues {
$color: map-get($palette, $hue);
.fg-#{$name}-#{$hue} {
.md-default-theme.fg-#{$name}-#{$hue} {
color: $color;
};
.bg-#{$name}-#{$hue} {
.md-default-theme.bg-#{$name}-#{$hue} {
background-color: $color;
};
};
@@ -1 +1,17 @@
@import 'extends';
@import 'extends';
md-bottom-sheet.md-default-theme {
border: none;
background-color: transparent;
}
md-bottom-sheet.md-default-theme .md-button.md-default-theme {
&:hover:not([disabled]) {
background-color: transparent;
color: sg-color($sogoBlue, 800);
}
&[disabled] {
padding: 6px; // The server remove the 'a' tag when disabling
text-transform: uppercase;
}
}
@@ -10,17 +10,26 @@
// Buttons for the sidenav folder tree
// ------------------------------------
sg-folder-tree .md-button {
sg-folder-tree .md-button,
md-sidenav md-list button.md-button {
outline: none;
color: inherit;
font-size: sg-size(button);
padding: 0;
text-transform: initial;
-webkit-font-smoothing: auto;
}
.sg-folder {
flex: 1;
text-align: left;
}
.sg-active .md-button {
color: sg-color($sogoBlue, 800);
}
.md-button [class ^= md-icon] {
margin-right: 1em;
}
///
/// iconButton
/// according to Material design specs:
@@ -1,4 +1,4 @@
@import 'extends';
md-content {
background-color: transparent;
}
}
@@ -17,7 +17,7 @@ md-select.md-default-theme.sg-toolbar-sort {
}
md-select.md-default-theme.sg-logout {
margin-top: 0;
margin-top: $bl;
color: $colorWhite;
// angular material overqualifies, so we are