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

[Frontend] Expand/collapse styling

Browse Source 
open #90
Significant styling on new mini-tabs;
Main layout margins adjusted;
This commit is contained in:
Charles Hacskaylo
2015-10-23 18:24:55 -07:00
parent 17b3378655
commit aa3cf70b22
7 changed files with 552 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
platform/commonUI/browse/res/templates/browse.html
View File

@@ -54,13 +54,17 @@
<mct-splitter class="splitter-treeview mobile-hide"></mct-splitter>
<div class='split-pane-component items pane right'>
<a class="mini-tab anchor-left toggle-pane toggle-tree" ng-click="modelPaneTree.toggle()" ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
<a class="mini-tab anchor-left toggle-pane toggle-tree"
title="Click to {{ modelPaneTree.visible()? 'hide' : 'show' }} the tree pane"
ng-click="modelPaneTree.toggle()"
ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
<div class='holder abs l-mobile' id='content-area'
ng-controller="PaneController as modelPaneInspect"
ng-class="modelPaneInspect.visible() ? 'pane-inspect-showing' : 'pane-inspect-hidden'">
<mct-split-pane class='l-object-and-inspector contents abs' anchor='right'>
<div class='split-pane-component t-object pane left'>
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
title="Click to {{ modelPaneInspect.visible()? 'hide' : 'show' }} the Inspection pane"
ng-click="modelPaneInspect.toggle()"
ng-class="{ collapsed : !modelPaneInspect.visible() }"></a>
<mct-representation mct-object="navigatedObject"