ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-22 06:27:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Rename .s-clickable-icon to .s-icon-button

Browse Source 
Fixes #1047
This commit is contained in:
Charles Hacskaylo 2016-07-28 11:25:36 -07:00
parent 36479e2e8b
commit 5d229198b7
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platform/commonUI/browse/res/templates/back-arrow.html
View File

@ -20,7 +20,7 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<a class='s-clickable-icon icon-pointer-left' <a class='s-icon-button icon-pointer-left'
ng-show="context.getPath().length > 2" ng-show="context.getPath().length > 2"
ng-click="context.getParent().getCapability('action').perform('navigate')"> ng-click="context.getParent().getCapability('action').perform('navigate')">
</a> </a>

4
platform/commonUI/general/res/sass/controls/_controls.scss
View File

@ -72,7 +72,7 @@
} }
} }
.s-clickable-icon { .s-icon-button {
// Clickable icon elements that have hover // Clickable icon elements that have hover
@extend .ui-symbol; @extend .ui-symbol;
color: $colorClickIcon; color: $colorClickIcon;
@ -83,7 +83,7 @@
.s-toggle-icon { .s-toggle-icon {
// Has default (in-active) and .active states // Has default (in-active) and .active states
@extend .s-clickable-icon; @extend .s-icon-button;
color: $colorToggleIcon; color: $colorToggleIcon;
&:hover { color: rgba($colorToggleIconHov, 0.5); } &:hover { color: rgba($colorToggleIconHov, 0.5); }
&.active { color: $colorToggleIconActive; } &.active { color: $colorToggleIconActive; }

2
platform/features/clock/res/templates/timer.html
View File

@ -23,7 +23,7 @@
<div class="l-elem-wrapper l-flex-row"> <div class="l-elem-wrapper l-flex-row">
<a ng-click="timer.clickButton()" <a ng-click="timer.clickButton()"
title="{{timer.buttonText()}}" title="{{timer.buttonText()}}"
class="flex-elem control s-clickable-icon {{timer.buttonCssClass()}}"></a> class="flex-elem control s-icon-button {{timer.buttonCssClass()}}"></a>
<span class="flex-elem l-value {{timer.signClass()}}"> <span class="flex-elem l-value {{timer.signClass()}}">
<span class="value" <span class="value"
ng-class="{ active:timer.text() }">{{timer.text() || "--:--:--"}} ng-class="{ active:timer.text() }">{{timer.text() || "--:--:--"}}