mirror of
https://github.com/nasa/openmct.git
synced 2025-02-05 02:29:21 +00:00
[Frontend] Refactoring glyphs to classes
Fixes #1047 In-progress; .labeled added to .s-btn, removed .s-icon-btn
This commit is contained in:
parent
521db3c3fe
commit
4e2a01ad85
@ -208,7 +208,7 @@ define([
|
||||
"category": "conclude-editing",
|
||||
"implementation": SaveAction,
|
||||
"name": "Save",
|
||||
"cssclass": "icon-save",
|
||||
"cssclass": "icon-save labeled",
|
||||
"description": "Save changes made to these objects.",
|
||||
"depends": [
|
||||
"dialogService"
|
||||
@ -220,7 +220,7 @@ define([
|
||||
"category": "conclude-editing",
|
||||
"implementation": SaveAsAction,
|
||||
"name": "Save As...",
|
||||
"cssclass": "icon-save",
|
||||
"cssclass": "icon-save labeled",
|
||||
"description": "Save changes made to these objects.",
|
||||
"depends": [
|
||||
"$injector",
|
||||
|
@ -22,8 +22,7 @@
|
||||
$baseRatio: 1.5;
|
||||
$pad: $interiorMargin * $baseRatio;
|
||||
|
||||
.s-btn,
|
||||
.s-icon-btn {
|
||||
.s-btn {
|
||||
@include user-select(none);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
@ -38,7 +37,7 @@ $pad: $interiorMargin * $baseRatio;
|
||||
vertical-align: top;
|
||||
@include btnSubtle($colorBtnBg, $colorBtnBgHov, $colorBtnFg, $colorBtnIcon);
|
||||
|
||||
&:before {
|
||||
&.labeled:before {
|
||||
// Icon when it's included
|
||||
margin-right: $interiorMarginSm;
|
||||
}
|
||||
@ -83,21 +82,6 @@ $pad: $interiorMargin * $baseRatio;
|
||||
}
|
||||
}
|
||||
|
||||
.s-icon-btn {
|
||||
// TODO: glyph refactoring
|
||||
$c: $colorKey;
|
||||
@extend .s-btn;
|
||||
&:before {
|
||||
@extend .ui-symbol;
|
||||
content: '\e901';
|
||||
color: $colorKey;
|
||||
margin-right: $interiorMargin;
|
||||
}
|
||||
&:hover:before {
|
||||
color: pullForward($c, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
body.desktop .mini-tab {
|
||||
// Meant to be used as pane hide/show control elements in concert with mct-splitter
|
||||
$iconH: $uePaneMiniTabH;
|
||||
|
@ -1,4 +1,4 @@
|
||||
<a class="t-btn l-btn s-btn t-export icon-download"
|
||||
<a class="t-btn l-btn s-btn t-export icon-download labeled"
|
||||
ng-click="exportAsCSV()"
|
||||
title="Export This View's Data">
|
||||
Export
|
||||
|
Loading…
x
Reference in New Issue
Block a user