mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-07-06 00:45:09 +00:00
(css) Cleanup and fixes for latest md changes
This commit is contained in:
@@ -115,54 +115,6 @@ a.md-button.sg-icon-button,
|
||||
display: block;
|
||||
}
|
||||
|
||||
.md-button.iconButton.md-fab,
|
||||
// angular-material is overspecifying so we are
|
||||
.md-button.iconButton.md-fab.md-default-theme:not([disabled]) {
|
||||
z-index: $z-index-fab;
|
||||
// flex might stretch or squize fab bottons
|
||||
min-width: $button-fab-width;
|
||||
min-height: $button-fab-height;
|
||||
|
||||
&:hover {
|
||||
[class^=md-icon],
|
||||
[class*=md-icon-] {
|
||||
transform: scale($iconButton-hover-scale);
|
||||
}
|
||||
}
|
||||
|
||||
@include at(sm) {
|
||||
//position: absolute;
|
||||
transform: translate3d(-100%, -50%, 0);
|
||||
&:hover {
|
||||
transform: translate3d(-100%, -49%, 0);
|
||||
}
|
||||
}
|
||||
|
||||
i[class|="md-icon"] {
|
||||
padding: 0;
|
||||
font-size: sg-size('headline');
|
||||
}
|
||||
}
|
||||
|
||||
.md-button.iconButton.md-fab.md-fab--bottom {
|
||||
align-self: flex-end;
|
||||
// this is to positioned the button on the container's edge
|
||||
transform: translate3d(-50%, -50%, 0) !important; // at this point important is not worst than long selector
|
||||
&:hover {
|
||||
transform: translate3d(-50%, -49%, 0) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.md-button.iconButton.md-fab.md-fab--bottom-inside {
|
||||
transform: translate3d(0, (($button-fab-height + $mg) * -1), 0) !important; // at this point important is not worst than long selector
|
||||
// to prevent empty space at bottom of container
|
||||
position: absolute;
|
||||
right: 0;
|
||||
&:hover {
|
||||
transform: translate3d(0, (($button-fab-height + $mg - 1) * -1) 0) !important; // at this point important is not worst than long selector
|
||||
}
|
||||
}
|
||||
|
||||
.sg-button-navicon {
|
||||
//top: ($mg * -1);
|
||||
//margin-left: ($mg * -1);
|
||||
|
||||
Reference in New Issue
Block a user