[Frontend] Markup and CSS mods to fix click area in btn-menu objects

WTD-1002
WTD-942
Mods to markup and CSS to make click-area of menu buttons occupy full area of button
This commit is contained in:
Charles Hacskaylo
2015-03-06 10:55:40 -08:00
parent 17566be971
commit c640d6238b
7 changed files with 85 additions and 70 deletions

View File

@@ -1,15 +1,15 @@
<div class="t-btn l-btn s-btn s-icon-btn s-very-subtle btn-menu menu-element dropdown click-invoke"
ng-controller="ClickAwayController as toggle">
<span class="l-click-area" ng-click="toggle.toggle()">
<span class="ui-symbol icon">{{structure.glyph}}</span>
<span class="title-label" ng-if="structure.text">
{{structure.text}}
</span>
<span class='ui-symbol icon invoke-menu'
ng-if="!structure.text">
v
</span>
<span class="l-click-area" ng-click="toggle.toggle()"></span>
<span class="ui-symbol icon">{{structure.glyph}}</span>
<span class="title-label" ng-if="structure.text">
{{structure.text}}
</span>
<span class='ui-symbol icon invoke-menu'
ng-if="!structure.text">
v
</span>
<div class="menu dropdown" ng-show="toggle.isActive()">