[Frontend] Misc CSS updates to clean up layout

open #199
IN-PROGRESS
Testing with Time Controller visible;
This commit is contained in:
Charles Hacskaylo
2015-11-10 17:14:12 -08:00
parent 9f3c353ab4
commit 08ecf00916
7 changed files with 92 additions and 110 deletions

View File

@@ -19,9 +19,6 @@
this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information.
-->
<div ng-init="
editBtns = [{ cssclass: 'save',title: 'Save' },{ cssclass: 'cancel',title: 'Discard Changes', action:'cancelEditing' }];
"></div>
<span ng-controller="BrowseObjectController">
<div class="object-browse-bar l-flex-row">
<div class="items-select left flex-elem l-flex-row grows">
@@ -50,15 +47,16 @@
<div class="l-object-wrapper"
ng-class="{ active:editMode, 'edit-main':editMode}">
<div class="l-object-wrapper-inner l-flex flex-col">
<div class="l-object-wrapper-inner l-flex-col">
<!-- Toolbar and Save/Cancel buttons -->
<div class="l-edit-controls flex-elem l-flex-row flex-align-end"
ng-class="{ active:editMode }">
<!-- <mct-toolbar name="mctToolbar"
<!-- <mct-toolbar name="mctToolbar"
structure="toolbar.structure"
ng-model="toolbar.state"
class="flex-elem grow">
</mct-toolbar>-->
<!-- from toolbar.html -->
<mct-toolbar-x class="flex-elem grows ellipsis">
<form novalidate>
@@ -82,30 +80,15 @@
</div>
</form>
</mct-toolbar-x>
<mct-representation key="'edit-action-buttons'"
mct-object="domainObject"
class='flex-elem conclude-editing'>
</mct-representation>
<!-- from edit-action-buttons.html -->
<!-- <span class='flex-elem conclude-editing'>
<span ng-repeat="btn in editBtns">
<a class='s-btn t-{{btn.cssclass}}'
title='{{btn.title}}'
ng-click="doAction(btn.action)"
ng-class="{ major: $index === 0 }">
<span class="title-label">{{btn.title}}</span>
</a>
</span> -->
</span>
</div>
<mct-representation key="representation.selected.key"
mct-object="representation.selected.key && domainObject"
class="flex-elem grow object-holder">
class="flex-elem grows object-holder-main scroll">
</mct-representation>
</div>
</div>