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

[Mobile] IN PROGRESS: Significant refactor in mobile/_layout.scss

Browse Source 
open #74
Made view-switcher visible when browsing via mobile;
Fixed class in browse.html markup from left-menu to left;
Moved object-browse-bar, top-bar classes from _controls into _layout;
Renamed and simplified menu widths in mobile _constants;
Really significant refactor of mobiles/_layout;
Tweaks in user-environ/_layout;
TO-DO: figure out why object-browse-bar flex styles not
working in mobile;
This commit is contained in:
Charles Hacskaylo
2015-08-25 13:34:37 -07:00
parent e1858bf0ae
commit c71f1fe447
7 changed files with 188 additions and 395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
platform/commonUI/browse/res/templates/browse-object.html
View File

@@ -26,15 +26,16 @@
<mct-representation key="'object-header'" mct-object="domainObject">
</mct-representation>
</div>
<!-- Temporarily, on mobile, the button bar is hidden-->
<div class="btn-bar right mobile-hide">
<div class="btn-bar right">
<mct-representation key="'switcher'"
mct-object="domainObject"
ng-model="representation">
</mct-representation>
<!-- Temporarily, on mobile, the action buttons are hidden-->
<mct-representation key="'action-group'"
mct-object="domainObject"
parameters="{ category: 'view-control' }">
parameters="{ category: 'view-control' }"
class="mobile-hide">
</mct-representation>
</div>
</div>

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

@@ -24,7 +24,7 @@
<mct-include key="'topbar-browse'"></mct-include>
<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'>
<div class='split-pane-component treeview pane mobile-pane left-menu desktop-browse'>
<div class='split-pane-component treeview pane mobile-pane left desktop-browse'>
<div class="holder abs l-mobile">
<div class='tree-holder abs mobile-tree-holder'>
<mct-representation key="'tree'"