aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorEric Guzman2012-06-12 12:59:42 -0700
committerEric Guzman2012-06-12 12:59:42 -0700
commitbb1ab90e9ad1814f4e26f820bcdf5e54fa838a18 (patch)
treeff68ce1c3108f5fc8d16f8b425a9eaa1ec992369
parent311fa07b85407386ed07237530cb464a432526c5 (diff)
downloadninja-bb1ab90e9ad1814f4e26f820bcdf5e54fa838a18.tar.gz
Binding Panel - set up new edit view layout
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.css13
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.html31
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>