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

[Mobile] Desktop

Browse Source 
Cleans up the _layout by making the different
pane sizes device specific. Also adds a new
sass class just for desktop versions.
This commit is contained in:
Shivam Dave
2015-07-16 10:44:20 -07:00
parent a9dd1f9828
commit ce75d19480
4 changed files with 247 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,11 +26,11 @@
<!-- WRAPPER CLASS IS HERE-->
<!-- NG-CLASS HERE TO SWITCH THE PARENT CLASS FOR pane-special's left and right-->
<div class="holder browse-area s-browse-area abs browse-wrapper" ng-class="treeClass ? 'browse-showtree' : 'browse-hidetree'" anchor='left'>
<mct-split-pane class='contents abs'>
<div class="holder browse-area s-browse-area abs browse-wrapper" ng-class="treeClass ? 'browse-showtree' : 'browse-hidetree'">
<mct-split-pane class='contents abs' anchor='left'>
<!-- TREE MENU: ADDED THE PANE LEFT HERE, similar to .pane.left example-->
<div class='split-pane-component treeview pane pane-special left'>
<div class='split-pane-component treeview pane pane-special left desktop-browse'>
<mct-representation key="'create-button'" mct-object="navigatedObject">
</mct-representation>
<div class='holder tree-holder abs'>
@@ -41,7 +41,7 @@
</div>
</div>
<mct-splitter class="mobile-hide"></mct-splitter>
<mct-splitter class="mobile-splitter"></mct-splitter>
<!-- ITEMS MENU: ADDED THE PANE RIGHT HERE, similar to .pane.right example-->
<div class='split-pane-component items pane pane-special right'>