diff options
| author | Eric Guzman | 2012-06-12 12:59:42 -0700 |
|---|---|---|
| committer | Eric Guzman | 2012-06-12 12:59:42 -0700 |
| commit | bb1ab90e9ad1814f4e26f820bcdf5e54fa838a18 (patch) | |
| tree | ff68ce1c3108f5fc8d16f8b425a9eaa1ec992369 /js/panels | |
| parent | 311fa07b85407386ed07237530cb464a432526c5 (diff) | |
| download | ninja-bb1ab90e9ad1814f4e26f820bcdf5e54fa838a18.tar.gz | |
Binding Panel - set up new edit view layout
Diffstat (limited to 'js/panels')
| -rw-r--r-- | js/panels/binding/edit-binding-view.reel/edit-binding-view.css | 13 | ||||
| -rw-r--r-- | js/panels/binding/edit-binding-view.reel/edit-binding-view.html | 31 |
2 files changed, 30 insertions, 14 deletions
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 aa539cd6..37e27309 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 | |||
| @@ -19,6 +19,19 @@ | |||
| 19 | -webkit-user-select: text; | 19 | -webkit-user-select: text; |
| 20 | } | 20 | } |
| 21 | 21 | ||
| 22 | .edit-object-binding { | ||
| 23 | display: -webkit-box; | ||
| 24 | -webkit-box-orient: horizontal | ||
| 25 | } | ||
| 26 | .edit-object-binding > div { | ||
| 27 | -webkit-box-flex: 1; | ||
| 28 | overflow: hidden; | ||
| 29 | } | ||
| 30 | .edit-object-binding .object-icon { | ||
| 31 | -webkit-transform: scale(.75); | ||
| 32 | float: left; | ||
| 33 | } | ||
| 34 | |||
| 22 | .edit-binding-view ul { | 35 | .edit-binding-view ul { |
| 23 | padding: 0; | 36 | padding: 0; |
| 24 | margin: 0; | 37 | margin: 0; |
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 604d4871..c13e4587 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 | |||
| @@ -148,23 +148,26 @@ | |||
| 148 | <body> | 148 | <body> |
| 149 | <div data-montage-id="edit-binding" class="edit-binding-view"> | 149 | <div data-montage-id="edit-binding" class="edit-binding-view"> |
| 150 | 150 | ||
| 151 | <ul> | ||
| 152 | <h3>Source Object</h3> | ||
| 153 | <li class="edit-source-object"> | ||
| 154 | <label>Identifier:</label><span data-montage-id="sourceObjectField" class="hintable-field">Test</span> | ||
| 155 | <br> | ||
| 156 | <label>Property Path:</label><span data-montage-id="so-pp" class="hintable-field so-pp">Test</span> | ||
| 157 | </li> | ||
| 158 | <h3>Bound Object</h3> | ||
| 159 | <li class="edit-bound-object"> | ||
| 160 | <label>Identifier:</label><span data-montage-id="boundObjectField" class="hintable-field">Test</span> | ||
| 161 | <br> | ||
| 162 | <label>Property Path:</label><span data-montage-id="bo-pp" class="hintable-field bo-pp">Test</span> | ||
| 163 | </li> | ||
| 164 | 151 | ||
| 152 | <section class="edit-object-binding"> | ||
| 153 | <div> | ||
| 154 | <div class="object-icon"></div> | ||
| 155 | </div> | ||
| 156 | <span data-montage-id="sourceObjectField" class="hintable-field">Test</span> | ||
| 157 | <span data-montage-id="so-pp" class="hintable-field so-pp"></span> | ||
| 158 | <div> | ||
| 159 | <div class="object-icon"></div> | ||
| 160 | </div> | ||
| 161 | <span data-montage-id="boundObjectField" class="hintable-field">Test</span> | ||
| 162 | <span data-montage-id="bo-pp" class="hintable-field po-pp"></span> | ||
| 163 | </section> | ||
| 164 | |||
| 165 | <input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label> | ||
| 166 | |||
| 167 | <ul> | ||
| 165 | <h3>Configuration</h3> | 168 | <h3>Configuration</h3> |
| 166 | <li class="edit-general-properties"> | 169 | <li class="edit-general-properties"> |
| 167 | <input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label> | 170 | |
| 168 | </li> | 171 | </li> |
| 169 | <li> | 172 | <li> |
| 170 | <label>Converter</label><span>Test</span> | 173 | <label>Converter</label><span>Test</span> |