amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-05-07 12:35:27 +00:00
Code Issues Projects Releases Wiki Activity

(css) Improve buttons of sgToggleGrid directive

Browse Source
This commit is contained in:
Francis Lachapelle
2015-12-17 14:25:05 -05:00
parent 0f4e966ecf
commit e67661e84b
4 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/components/button/button.scss
+2 -2
View File
@@ -63,8 +63,8 @@ md-list md-list-item button.md-button.sg-icon-button {
transition: $iconButton-transition;
&:hover:not([disabled]),
&:active {
background-color: transparent;
transform: scale($iconButton-hover-scale);
//background-color: transparent;
//transform: scale($iconButton-hover-scale);
}
}
UI/WebServerResources/scss/components/gridList/grid-list.scss
+9 -8
View File
@@ -26,15 +26,16 @@
// sgToggleGrid directive
[sg-toggle-grid] {
md-grid-tile {
border-radius: 5%;
&.iconButton {
&:hover {
background-color: sg-color($sogoBlue, 600);
color: #fff;
cursor: pointer;
}
&.sg-icon-button {
@extend .md-button;
// Overwrite some styles of .md-button
border: 1px solid sg-color($sogoBlue, 300);
border-radius: 5%;
color: sg-color($sogoBlue, 600);
min-height: auto;
position: absolute;
}
&.sg-active, &.sg-active:hover {
&.sg-active {
background-color: sg-color($sogoBlue, 300);
color: #fff;
}