[Frontend] Dialog and overlay layout/positioning mods

open #159
open #170
Restructured overlay size and positioning approach
for better flexibility;
Getting new dialogs and the overlay to
play nicely in mobile context;
This commit is contained in:
Charles Hacskaylo
2015-10-07 16:36:55 -07:00
parent 7f529eec68
commit 182eff977c
11 changed files with 330 additions and 230 deletions

View File

@@ -3,7 +3,7 @@
<div class="title">{{ngModel.dialog.title}}</div>
<div class="hint" ng-hide="ngModel.dialog.hint === undefined">{{ngModel.dialog.hint}}</div>
</div>
<div class="abs editor l-dialog">
<div class="abs editor">
<div class="progress-info progress-current-action">
{{ngModel.dialog.actionText}}
</div>

View File

@@ -23,7 +23,7 @@
<div class="title">{{ngModel.title}}</div>
<div class="hint">All fields marked <span class="ui-symbol req">*</span> are required.</div>
</div>
<div class='abs editor l-dialog'>
<div class='abs editor'>
<mct-form ng-model="ngModel.value"
structure="ngModel.structure"
name="createForm">

View File

@@ -24,7 +24,7 @@
<div class="title">{{ngModel.dialog.title}}</div>
<div class="hint">{{ngModel.dialog.hint}}</div>
</div>
<div class='abs editor l-dialog'>
<div class='abs editor'>
<mct-include key="ngModel.dialog.template"
parameters="ngModel.dialog.parameters"
ng-model="ngModel.dialog.model">

View File

@@ -25,11 +25,7 @@
<a href=""
ng-click="ngModel.cancel()"
ng-if="ngModel.cancel"
class="clk-icon icon ui-symbol close">
x
</a>
<div class="abs contents" ng-transclude>
</div>
class="clk-icon icon ui-symbol close">x</a>
<div class="abs contents" ng-transclude></div>
</div>
</div>