Source Object

- Identifier:Test -
- Property Path:Test -

Bound Object

- Identifier:Test -
- Property Path:Test -

+ Test + +

Oneway

Configuration

- Oneway +
ConverterTest -- cgit v1.2.3 From b5bf8292effae7b56f5dc8733ced4e799c22de44 Mon Sep 17 00:00:00 2001 From: Eric Guzman Date: Wed, 13 Jun 2012 11:28:58 -0700 Subject: Edit Binding - Update Layout --- .../edit-binding-view.reel/edit-binding-view.css | 80 +++++++++++++++++++--- .../edit-binding-view.reel/edit-binding-view.html | 50 ++++++++------ .../edit-binding-view.reel/edit-binding-view.js | 2 - 3 files changed, 101 insertions(+), 31 deletions(-) (limited to 'js/panels/binding') diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css index 37e27309..23585aca 100644 --- a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css +++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css @@ -13,25 +13,60 @@ position: absolute; top: 0; width: 100%; - -webkit-transition-property: -webkit-transform, box-shadow; - -webkit-transition-duration: .55s, .2s; + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .55s; -webkit-transition-timing-function: cubic-bezier(.44,.19,0,.99); -webkit-user-select: text; } +/* ------------------- + Object Editing Section + --------------------- */ .edit-object-binding { + border-bottom: 1px solid #505050; display: -webkit-box; - -webkit-box-orient: horizontal + margin: 5px; + padding-bottom: 5px; + -webkit-box-orient: horizontal; } -.edit-object-binding > div { +.object-container { + display: -webkit-box; + -webkit-box-orient: horizontal; -webkit-box-flex: 1; overflow: hidden; } +.object-container:first-child { + margin-right: 5px; +} +.object-icon-container { + background-color: #414141; + border-radius: 5px; + border: 1px solid #333; + box-shadow: inset 0 0 5px 0px #333, 0 1px 0 #585858; + height: 40px; + width: 40px; + -webkit-box-flex: 0; +} +.object-icon-container > div { + height: 100%; + width: 100%; +} .edit-object-binding .object-icon { -webkit-transform: scale(.75); - float: left; + height: 100%; + margin: 0; + width: 100%; + position:relative; + top: -1px; + left: -1px; +} +.object-fields-container { + -webkit-box-flex: 1; + padding-top: 1px; + width: 1px; } + .edit-binding-view ul { padding: 0; margin: 0; @@ -47,14 +82,43 @@ width: 50%; } +.checkbox-container { + position: absolute; + left: 50%; +} +.checkbox-container label { + position: relative; + top: -3px; +} + +.buttons-container { + background-color: #474747; + position: absolute; + bottom: 5px; + width: 100%; +} + +.edit-binding-view .btn-delete, .edit-binding-view .btn-cancel, .edit-binding-view .btn-save { + width: 72px; + display: inline-block; + margin: 0 5px; +} +.edit-binding-view .btn-cancel, .edit-binding-view .btn-save { + float:right; + margin: 0 5px 0 0; +} /* hintable fields */ .hintable-field { background-color: #444; border: 1px solid #313131; - display: inline-block; + display: block; height: 13px; - margin-left: 5px; + margin: 0 0 5px 5px; padding: 1px 4px; - width: 45%; + width: 80%; +} + +.hintable-field:focus { + border: 1px solid #313131; } \ No newline at end of file diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.html b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html index c13e4587..e2cbdd1d 100644 --- a/js/panels/binding/edit-binding-view.reel/edit-binding-view.html +++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html @@ -150,34 +150,42 @@
-
-
+
+
+
+
+
+
+
+ Test + +

- Test - -
-
+ +
+
+
+
+
+
+
+ Test + +

- Test -
- Oneway - -
- -
- - ConverterTest -
+
+ Oneway +
- - - +
+ + + +