alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Converting tree items and labels to flex-box

Browse Source 
open #431
In-progress;
TO-DO: need to fix mobile styles!
This commit is contained in:
Charles Hacskaylo
2015-12-15 18:17:06 -08:00
parent a98ab958c9
commit 65a1d7495d
8 changed files with 236 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
platform/commonUI/general/res/templates/tree-node.html
View File

@@ -22,21 +22,20 @@
<span ng-controller="ToggleController as toggle">
<span ng-controller="TreeNodeController as treeNode">
<span
class="tree-item menus-to-left"
class="tree-item l-flex-row menus-to-left"
ng-class="{selected: treeNode.isSelected()}"
>
<span
mct-device="desktop"
class='ui-symbol view-control'
class='ui-symbol view-control flex-elem'
ng-class="{ 'has-children': model.composition !== undefined, expanded: toggle.isActive() }"
ng-click="toggle.toggle(); treeNode.trackExpansion()"
ng-if="model.composition !== undefined"
>
{{toggle.isActive() ? "v" : ">"}}
</span>
<mct-representation
mct-device="desktop"
class="mobile-hide"
class="mobile-hide l-flex-row flex-elem grows"
key="'label'"
mct-object="domainObject"
ng-click="treeNode.select()"