Commit e0605ed6 authored by Prakhar Agarwal's avatar Prakhar Agarwal 🎯
Browse files

improved properties layout

parent 7c4d2a36
......@@ -15,7 +15,7 @@
<table class="pairs">
<tr class="prop no_scroll hidden" data-i18n="[title]canvas.prop.no_scroll_tt">
<td colspan="2">
<label>
<label style="text-align: left;">
<input type="checkbox" name="no_scroll" value="off">
<span data-i18n="canvas.prop.no_scroll"></span>
</label>
......@@ -23,14 +23,14 @@
</tr>
<tr class="prop no_menu hidden" data-i18n="[title]canvas.prop.no_menu_tt">
<td colspan="2">
<label>
<label style="text-align: left;">
<input type="checkbox" name="no_menu" value="off">
<span data-i18n="canvas.prop.no_menu"></span>
</label>
</td>
</tr>
<tr class="display_flags prop hidden" data-i18n="[title]canvas.prop.gop_tt">
<td colspan="2">
<td colspan="2" style="text-align: left;">
<label>
<input type="checkbox" name="gop" value="on">
<span data-i18n="canvas.prop.gop"></span>
......@@ -44,38 +44,38 @@
<table>
<tr>
<td>
<label class="gop_opt" data-i18n="[title]canvas.prop.x_pix_tt">
<label class="gop_opt" data-i18n="[title]canvas.prop.x_pix_tt" style="text-align: left;">
<span data-i18n="canvas.prop.x_pix"></span>
</label>
</td>
<td data-i18n="[title]canvas.prop.x_pix_tt">
<input class="gop_opt" type="text" name="x_pix">
<input class="gop_opt" type="text" name="x_pix" style="width: 30px;">
</td>
<td>
<label class="gop_opt" data-i18n="[title]canvas.prop.y_pix_tt">
<label class="gop_opt" data-i18n="[title]canvas.prop.y_pix_tt" style="text-align: left;">
<span data-i18n="canvas.prop.y_pix"></span>
</label>
</td>
<td data-i18n="[title]canvas.prop.y_pix_tt">
<input class="gop_opt" type="text" name="y_pix">
<input class="gop_opt" type="text" name="y_pix" style="width: 30px;">
</td>
</tr>
<tr class="x_margin prop hidden">
<td>
<label class="gop_opt" data-i18n="[title]canvas.prop.x_margin_tt">
<label class="gop_opt" data-i18n="[title]canvas.prop.x_margin_tt" style="text-align: left;">
<span data-i18n="canvas.prop.x_margin"></span>
</label>
</td>
<td data-i18n="[title]canvas.prop.x_margin_tt">
<input class="gop_opt" type="text" name="x_margin">
<input class="gop_opt" type="text" name="x_margin" style="width: 30px;">
</td>
<td>
<label class="gop_opt" data-i18n="[title]canvas.prop.y_margin_tt">
<label class="gop_opt" data-i18n="[title]canvas.prop.y_margin_tt" style="text-align: left;">
<span data-i18n="canvas.prop.y_margin"></span>
</label>
</td>
<td data-i18n="[title]canvas.prop.y_margin_tt">
<input class="gop_opt" type="text" name="y_margin">
<input class="gop_opt" type="text" name="y_margin" style="width: 30px;">
</td>
</tr>
</table>
......@@ -85,7 +85,7 @@
<td>
</td>
<td>
<label class="gop_opt" data-i18n="[title]canvas.prop.hide_name_tt">
<label class="gop_opt" data-i18n="[title]canvas.prop.hide_name_tt" style="text-align: left;">
<input class="gop_opt" type="checkbox" name="hide_name" value="on">
<span data-i18n="canvas.prop.hide_name"></span>
</label>
......@@ -97,25 +97,25 @@
<fieldset class="canvas">
<legend data-i18n="canvas.prop.heading.data_scaling"></legend>
<div style="display: inline-block; align: left;">
<div class="x_scale prop hidden">
<div class="x_scale prop hidden" style="text-align: left;">
<nobr>
<label class="no_gop_opt" data-i18n="[title]canvas.prop.x_scale_tt">
<label class="no_gop_opt" data-i18n="[title]canvas.prop.x_scale_tt" style="text-align: left;">
<span data-i18n="canvas.prop.x_scale"></span>
<input class="no_gop_opt" type="text" name="x_scale">
<input class="no_gop_opt" type="text" name="x_scale" style="width: 25px;">
</label>
<label class="no_gop_opt" data-i18n="[title]canvas.prop.y_scale_tt">
<label class="no_gop_opt" data-i18n="[title]canvas.prop.y_scale_tt" style="text-align: left;">
<span data-i18n="canvas.prop.y_scale"></span>
<input class="no_gop_opt" type="text" name="y_scale">
<input class="no_gop_opt" type="text" name="y_scale" style="width: 25px;">
</label>
</nobr>
</nobr>
</div>
<div class="gop-range">
<div class="y1 prop hidden">
<label class="gop_opt" data-i18n="[title]canvas.prop.y1_tt">
<label class="gop_opt" data-i18n="[title]canvas.prop.y1_tt" style="text-align: center;">
<span data-i18n="canvas.prop.y1"></span>
<br>
<input class="gop_opt" type="text" name="y1">
<input class="gop_opt" type="text" name="y1" style="width: 45px;">
</label>
<br>
</div>
......@@ -123,18 +123,18 @@
<div class="x1 prop hidden">
<label class="gop_opt" data-i18n="[title]canvas.prop.x1_tt">
<span data-i18n="canvas.prop.x1"></span>
<input class="gop_opt" type="text" name="x1">
<input class="gop_opt" type="text" name="x1" style="width: 40px;">
</label>
<label class="gop_opt" data-i18n="[title]canvas.prop.x2_tt">
<input class="gop_opt" type="text" name="x2">
<input class="gop_opt" type="text" name="x2" style="width: 40px;">
<span data-i18n="canvas.prop.x2"></span>
</label>
<br>
</div>
<div class="y2">
<label class="gop_opt" data-i18n="[title]canvas.prop.y2_tt">
<input class="gop_opt" type="text" name="y2">
<label class="gop_opt" data-i18n="[title]canvas.prop.y2_tt" style="text-align: center;">
<input class="gop_opt" type="text" name="y2" style="width: 45px;">
<br>
<span data-i18n="canvas.prop.y2"></span>
</label>
......@@ -157,7 +157,7 @@
<span data-i18n="canvas.prop.array_name"></span>
<input onchange="update_array_attr(this);"
class="array-name"
type="text"
type="checkbox"
name="array_name"
id="array_name_input">
</label>
......@@ -166,7 +166,7 @@
<span data-i18n="canvas.prop.array_size"></span>
<input onchange="update_array_attr(this);"
class="array-size"
type="text"
type="checkbox"
name="array_size">
</label>
<br/>
......@@ -474,7 +474,7 @@ function update_gop_form(opts, state) {
for(i = 0; i < opts.length; i++) {
elem = opts[i];
if (elem.type === "checkbox" ||
elem.type === "text") {
elem.type === "checkbox") {
elem.disabled = state ? false : true;
}
if (state) {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment