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

[Frontend] Refactoring glyphs to classes

Browse Source 
fixes #1047
In progress: search menu
This commit is contained in:
Charles Hacskaylo 2016-06-30 12:20:55 -07:00
parent 272b4b649e
commit fd00bdce54
2 changed files with 4 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
platform/commonUI/general/res/sass/controls/_menus.scss
View File

@ -150,7 +150,8 @@
} }
} }
} }
.type-icon { &:before {
// Type icon
left: 25px; left: 25px;
} }
} }

13
platform/search/res/templates/search-menu.html
View File

@ -23,10 +23,9 @@
<div ng-controller="SearchMenuController as controller"> <div ng-controller="SearchMenuController as controller">
<div class="menu checkbox-menu"> <div class="menu checkbox-menu">
<ul> <ul>
<!-- First element is special - it's a reset option --> <!-- First element is special - it's a reset option -->
<li class="search-menu-item special" <li class="search-menu-item special icon-asterisk"
title="Select all filters" title="Select all filters"
ng-click="ngModel.checkAll = !ngModel.checkAll; controller.checkAll()"> ng-click="ngModel.checkAll = !ngModel.checkAll; controller.checkAll()">
@ -37,15 +36,11 @@
ng-change="controller.checkAll()" /> ng-change="controller.checkAll()" />
<em></em> <em></em>
</label> </label>
<span class="ui-symbol icon type-icon">
*
</span>
All All
</li> </li>
<!-- The filter options, by type --> <!-- The filter options, by type -->
<li class="search-menu-item" <li class="search-menu-item {{ type.cssclass }}"
ng-repeat="type in ngModel.types" ng-repeat="type in ngModel.types"
ng-click="ngModel.checked[type.key] = !ngModel.checked[type.key]; controller.updateOptions()"> ng-click="ngModel.checked[type.key] = !ngModel.checked[type.key]; controller.updateOptions()">
@ -56,10 +51,6 @@
ng-change="controller.updateOptions()" /> ng-change="controller.updateOptions()" />
<em></em> <em></em>
</label> </label>
<span class="ui-symbol icon type-icon">
{{ type.glyph }}
</span>
{{ type.name }} {{ type.name }}
</li> </li>
</ul> </ul>