mirror of
https://github.com/nasa/openmct.git
synced 2025-01-03 20:04:09 +00:00
c640d6238b
WTD-1002 WTD-942 Mods to markup and CSS to make click-area of menu buttons occupy full area of button
35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<span ng-controller="ViewSwitcherController">
|
|
|
|
<div class="menu-element btn icon-btn very-subtle btn-menu dropdown click-invoke"
|
|
ng-if="view.length > 1"
|
|
ng-controller="ClickAwayController as toggle">
|
|
|
|
<span class="l-click-area" ng-click="toggle.toggle()"></span>
|
|
|
|
<span class="ui-symbol icon type-icon">{{ngModel.selected.glyph}}</span>
|
|
<span>{{ngModel.selected.name}}</span>
|
|
<span class='ui-symbol icon invoke-menu'>v</span>
|
|
|
|
|
|
<div class="menu dropdown" ng-show="toggle.isActive()">
|
|
<ul>
|
|
<li ng-repeat="option in view">
|
|
<a href="" ng-click="ngModel.selected = option; toggle.setState(false)">
|
|
<span class="ui-symbol type-icon icon">
|
|
{{option.glyph}}
|
|
</span>
|
|
{{option.name}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CH commented out 2/24/15 - really don't think we need this. Single view is what it is. -->
|
|
<!--span class="btn"
|
|
ng-if="view.length === 1">
|
|
<span class="ui-symbol icon type-icon">{{ngModel.selected.glyph}}</span>
|
|
<span>{{ngModel.selected.name}}</span>
|
|
</span-->
|
|
|
|
</span> |