[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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user