diff --git a/UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox b/UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox index e7f6ebbf1..afe2830f8 100644 --- a/UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox +++ b/UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox @@ -91,7 +91,7 @@ - + diff --git a/UI/WebServerResources/js/Common/sgToggleGrid.directive.js b/UI/WebServerResources/js/Common/sgToggleGrid.directive.js index c5cf2d42c..8325d016e 100644 --- a/UI/WebServerResources/js/Common/sgToggleGrid.directive.js +++ b/UI/WebServerResources/js/Common/sgToggleGrid.directive.js @@ -63,7 +63,7 @@ for (i = 0; i < tiles.length; i++) { tile = angular.element(tiles[i]); - tile.addClass('iconButton'); + tile.addClass('sg-icon-button'); tile.find('figure').addClass('md-icon'); tile.on('click', toggleClass); } diff --git a/UI/WebServerResources/scss/components/button/button.scss b/UI/WebServerResources/scss/components/button/button.scss index c6d9d9386..5a24f0ec7 100644 --- a/UI/WebServerResources/scss/components/button/button.scss +++ b/UI/WebServerResources/scss/components/button/button.scss @@ -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); } } diff --git a/UI/WebServerResources/scss/components/gridList/grid-list.scss b/UI/WebServerResources/scss/components/gridList/grid-list.scss index 7e9321f3b..928171207 100644 --- a/UI/WebServerResources/scss/components/gridList/grid-list.scss +++ b/UI/WebServerResources/scss/components/gridList/grid-list.scss @@ -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; }