[Frontend] Significant re-factoring of CSS and markup

open #95
IN-PROGRESS!;
Mostly buttons and menus classes (s-btn and s-menu);
Removed unused templates and .css files;
Normalized some button containers;
This commit is contained in:
Charles Hacskaylo
2015-09-02 18:02:58 -07:00
parent 2cbe686732
commit bb1a02c8bd
34 changed files with 3022 additions and 3466 deletions

View File

@@ -19,7 +19,7 @@
this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information.
-->
<a class="btn s-btn s-icon-btn s-very-subtle key-{{parameters.action.getMetadata().key}}"
<a class="s-btn key-{{parameters.action.getMetadata().key}}"
ng-class="{ labeled: parameters.labeled }"
title="{{parameters.action.getMetadata().description}}"
ng-click="parameters.action.perform()">

View File

@@ -20,17 +20,16 @@
at runtime from the About dialog for additional information.
-->
<span ng-controller="ActionGroupController">
<span ng-repeat="action in ungrouped">
<mct-include key="'action-button'" parameters="{ action: action }">
</mct-include>
<mct-include key="'action-button'" parameters="{ action: action }"></mct-include>
</span>
<span class="btn-set" ng-repeat="group in groups">
<span class="l-btn-set" ng-repeat="group in groups">
<span ng-repeat="action in group">
<mct-include key="'action-button'" parameters="{ action: action }">
<mct-include key="'action-button'"
parameters="{ action: action }"
ng-class="{ first:$index == 0, last:$index == group.length - 1 }"
>
</mct-include>
</span>
</span>
</span>

View File

@@ -21,7 +21,7 @@
-->
<span ng-controller="ViewSwitcherController">
<div
class="view-switcher menu-element s-btn l-btn btn-menu dropdown click-invoke"
class="view-switcher menu-element s-menu"
ng-if="view.length > 1"
ng-controller="ClickAwayController as toggle"
>
@@ -33,11 +33,9 @@
></span>
<span class="ui-symbol icon type-icon">{{ngModel.selected.glyph}}</span>
<span class="name">{{ngModel.selected.name}}</span>
<span class='ui-symbol invoke-menu'>v</span>
<span class="title-label">{{ngModel.selected.name}}</span>
<div class="menu dropdown" ng-show="toggle.isActive()">
<div class="menu" ng-show="toggle.isActive()">
<ul>
<li ng-repeat="option in view"
ng-click="ngModel.selected = option; toggle.setState(false)">