[Mobile] IN PROGRESS: General fixes, spurred by mobile, for object-header

open #74
Attempting to layout using flex - not working;
See http://jsfiddle.net/charlesh88/cpf9zjts/9/ for working example;
New _flex.scss added;
This commit is changed elements that are mostly solid;
This commit is contained in:
Charles Hacskaylo
2015-08-21 15:09:23 -07:00
parent da8eb334e3
commit ee608cc4a4
11 changed files with 151 additions and 105 deletions

View File

@@ -23,6 +23,6 @@
<!-- Back Arrow Icon used on mobile-->
<span ng-controller="BrowseController"
ng-click='backArrow()'
ng-class="checkRoot(); atRoot ? 'mobile-back-hide' : 'mobile-back-unhide'">
ng-class="checkRoot(); atRoot ? 'hidden' : ''">
<a class='type-icon icon ui-symbol'>{</a>
</span>

View File

@@ -22,6 +22,7 @@
<span ng-controller="BrowseObjectController">
<div class="object-browse-bar bar abs">
<div class="items-select left abs">
<mct-representation key="'back-arrow'"></mct-representation>
<mct-representation key="'object-header'" mct-object="domainObject">
</mct-representation>
</div>

View File

@@ -20,12 +20,11 @@
at runtime from the About dialog for additional information.
-->
<div class='object-header object-header-mobile'>
<span class="label s-label">
<mct-representation class="desktop-hide" key="'back-arrow'"></mct-representation>
<span class='type-icon ui-symbol'>{{type.getGlyph()}}</span>
<span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
<!--span class='type-name mobile-important-hide'>{{type.getName()}}</span-->
<span class='title-label'>{{model.name}}</span>
<span class='type-icon ui-symbol'>{{type.getGlyph()}}</span>
<span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
<!--span class='type-name mobile-important-hide'>{{type.getName()}}</span-->
<span class='title-label'>
{{model.name}}
<mct-representation key="'menu-arrow'" mct-object='domainObject'></mct-representation>
</span>
</div>