mirror of
https://github.com/HifiExperiments/overte.git
synced 2025-08-05 03:09:45 +02:00
Add units to field labels
This commit is contained in:
David Rowe
parent
9c9da1cab9
commit
8bfd028906
3 changed files with 37 additions and 42 deletions
|
|
@ -474,12 +474,17 @@ input[type=checkbox]:checked + label:hover {
|
|||
min-height: 29px;
|
||||
}
|
||||
|
||||
.property label {
|
||||
.property label, .number label {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
font-family: Raleway-SemiBold;
|
||||
font-size: 14px;
|
||||
}
|
||||
.property label .unit, .number label .unit {
|
||||
margin-left: 8px;
|
||||
font-family: Raleway-Light;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.value {
|
||||
display: block;
|
||||
|
|
@ -512,7 +517,8 @@ input[type=checkbox]:checked + label:hover {
|
|||
|
||||
.text label, .url label, .number label, .textarea label, .rgb label, .xyz label, .pyr label, .dropdown label, .gen label {
|
||||
float: left;
|
||||
margin-bottom: 4px;
|
||||
margin-left: 1px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.number > input {
|
||||
|
|
@ -527,13 +533,6 @@ input[type=checkbox]:checked + label:hover {
|
|||
clear: both;
|
||||
}
|
||||
|
||||
.unit {
|
||||
padding-left: 4px;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
margin-bottom: -17px;
|
||||
|
|
@ -768,7 +767,7 @@ textarea:enabled[scrolling="true"]::-webkit-resizer {
|
|||
|
||||
|
||||
#entity-list-header {
|
||||
margin-bottom: 24px;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
#delete {
|
||||
|
|
@ -793,6 +792,8 @@ textarea:enabled[scrolling="true"]::-webkit-resizer {
|
|||
#radius-and-unit {
|
||||
float: right;
|
||||
margin-right: -148px;
|
||||
position: relative;
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1336,7 +1336,7 @@
|
|||
<label>Spatial</label><span>M</span>
|
||||
</div>
|
||||
<div class="spatial-group property xyz">
|
||||
<label>Position</label>
|
||||
<label>Position <span class="unit">m</span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="x" id="property-pos-x"><label for="property-pos-x">X:</label></div>
|
||||
<div><input type="number" class="y" id="property-pos-y"><label for="property-pos-y">Y:</label></div>
|
||||
|
|
@ -1357,7 +1357,7 @@
|
|||
<input type="number" id="property-parent-joint-index">
|
||||
</div>
|
||||
<div class="spatial-group property xyz">
|
||||
<label>Registration</label>
|
||||
<label>Registration <span class="unit">0.0–1.0</span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="x" id="property-reg-x" step="0.1"><label for="property-reg-x">X:</label></div>
|
||||
<div><input type="number" class="y" id="property-reg-y" step="0.1"><label for="property-reg-y">Y:</label></div>
|
||||
|
|
@ -1365,7 +1365,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="spatial-group property xyz">
|
||||
<label>Dimensions</label>
|
||||
<label>Dimensions <span class="unit">m</span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="x" id="property-dim-x" step="0.1"><label for="property-dim-x">X:</label></div>
|
||||
<div><input type="number" class="y" id="property-dim-y" step="0.1"><label for="property-dim-y">Y:</label></div>
|
||||
|
|
@ -1373,7 +1373,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="spatial-group property gen">
|
||||
<label>Scale</label>
|
||||
<label>Scale <span class="unit">%</span></label>
|
||||
<div class="row">
|
||||
<input type="number" id="dimension-rescale-pct" value=100>
|
||||
<input type="button" class="blue" id="dimension-rescale-button" value="Rescale">
|
||||
|
|
@ -1381,7 +1381,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="spatial-group poly-vox-section property XYZ">
|
||||
<label>Voxel volume size</label>
|
||||
<label>Voxel volume size <span class="unit">m</span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="x" id="property-voxel-volume-size-x"><label for="property-voxel-volume-size-x">X:</label></div>
|
||||
<div><input type="number" class="y" id="property-voxel-volume-size-y"><label for="property-voxel-volume-size-y">Y:</label></div>
|
||||
|
|
@ -1413,7 +1413,7 @@
|
|||
<input type="button" class="update-url-version glyph" value="F" />
|
||||
</div>
|
||||
<div class="spatial-group property pyr">
|
||||
<label>Rotation</label>
|
||||
<label>Rotation <span class="unit">deg</span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="pitch" id="property-rot-x" step="0.1"><label for="property-rot-x">Pitch:</label></div>
|
||||
<div><input type="number" class="yaw" id="property-rot-y" step="0.1"><label for="property-rot-y">Yaw:</label></div>
|
||||
|
|
@ -1426,7 +1426,7 @@
|
|||
<label>Physical</label><span>M</span>
|
||||
</div>
|
||||
<div class="physical-group property xyz">
|
||||
<label>Linear velocity</label>
|
||||
<label>Linear velocity <span class="unit">m/s</span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="x" id="property-lvel-x"><label for="property-lvel-x">X:</label></div>
|
||||
<div><input type="number" class="y" id="property-lvel-y"><label for="property-lvel-y">Y:</label></div>
|
||||
|
|
@ -1438,7 +1438,7 @@
|
|||
<input type="number" id="property-ldamping">
|
||||
</div>
|
||||
<div class="physical-group property pyr">
|
||||
<label>Angular velocity</label>
|
||||
<label>Angular velocity <span class="unit">deg/s</span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="pitch" id="property-avel-x"><label for="property-avel-x">Pitch:</label></div>
|
||||
<div><input type="number" class="yaw" id="property-avel-y"><label for="property-avel-y">Yaw:</label></div>
|
||||
|
|
@ -1457,7 +1457,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="physical-group property xyz">
|
||||
<label>Gravity</label>
|
||||
<label>Gravity <span class="unit">m/s<sup>2</sup></span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="x" id="property-grav-x"><label for="property-grav-x">X:</label></div>
|
||||
<div><input type="number" class="y" id="property-grav-y"><label for="property-grav-y">Y:</label></div>
|
||||
|
|
@ -1465,7 +1465,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="physical-group property xyz">
|
||||
<label>Acceleration</label>
|
||||
<label>Acceleration <span class="unit">m/s<sup>2</sup></span></label>
|
||||
<div class="tuple">
|
||||
<div><input type="number" class="x" id="property-lacc-x"><label for="property-lacc-x">X:</label></div>
|
||||
<div><input type="number" class="y" id="property-lacc-y"><label for="property-lacc-y">Y:</label></div>
|
||||
|
|
@ -1551,7 +1551,7 @@
|
|||
<input type="button" class="update-url-version glyph" value="F" />
|
||||
</div>
|
||||
<div class="behavior-group property number">
|
||||
<label>Lifetime</label>
|
||||
<label>Lifetime <span class="unit">s</span></label>
|
||||
<input type="number" id="property-lifetime">
|
||||
</div>
|
||||
<div class="behavior-group property url refresh">
|
||||
|
|
@ -1635,7 +1635,7 @@
|
|||
<input type="text" id="property-text-text">
|
||||
</div>
|
||||
<div class="text-group text-section property number">
|
||||
<label>Line height</label>
|
||||
<label>Line height <span class="unit">m</span></label>
|
||||
<input type="number" id="property-text-line-height" min="0" step="0.005">
|
||||
</div>
|
||||
<div class="text-group text-section property rgb">
|
||||
|
|
@ -1684,8 +1684,8 @@
|
|||
</div>
|
||||
<div class="zone-group zone-section keylight-section property gen">
|
||||
<div class="tuple">
|
||||
<div><label>Light altitude</label><input type="number" id="property-zone-key-light-direction-x"></div>
|
||||
<div><label>Light azimuth</label><input type="number" id="property-zone-key-light-direction-y"></div>
|
||||
<div><label>Light altitude <span class="unit">deg</span></label><input type="number" id="property-zone-key-light-direction-x"></div>
|
||||
<div><label>Light azimuth <span class="unit">deg</span></label><input type="number" id="property-zone-key-light-direction-y"></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1704,9 +1704,9 @@
|
|||
</div>
|
||||
<div class="zone-group zone-section stage-section property gen">
|
||||
<div class="tuple">
|
||||
<div><label>Stage latitude</label><input type="number" id="property-zone-stage-latitude" min="-90" max="90" step="1"></div>
|
||||
<div><label>Stage longitude</label><input type="number" id="property-zone-stage-longitude" min="-180" max="180" step="1"></div>
|
||||
<div><label>Stage altitude</label><input type="number" id="property-zone-stage-altitude" step="1"></div>
|
||||
<div><label>Latitude <span class="unit">deg</span></label><input type="number" id="property-zone-stage-latitude" min="-90" max="90" step="1"></div>
|
||||
<div><label>Longitude <span class="unit">deg</span></label><input type="number" id="property-zone-stage-longitude" min="-180" max="180" step="1"></div>
|
||||
<div><label>Altitude <span class="unit">m</span></label><input type="number" id="property-zone-stage-altitude" step="1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="zone-group zone-section stage-section property checkbox">
|
||||
|
|
@ -1716,8 +1716,8 @@
|
|||
|
||||
<div class="zone-group zone-section stage-section property gen">
|
||||
<div class="tuple">
|
||||
<div><label>Stage day of year</label><input type="number" id="property-zone-stage-day" min="0" max="365" step="1"></div>
|
||||
<div><label>Stage hour</label><input type="number" id="property-zone-stage-hour" min="0" max="24" step="0.5"></div>
|
||||
<div><label>Day of year</label><input type="number" id="property-zone-stage-day" min="0" max="365" step="1"></div>
|
||||
<div><label>Hour</label><input type="number" id="property-zone-stage-hour" min="0" max="24" step="0.5"></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1777,7 +1777,7 @@
|
|||
<div class="light-group light-section property gen">
|
||||
<div class="tuple">
|
||||
<div><label>Intensity</label><input type="number" id="property-light-intensity" min="0" step="0.1"></div>
|
||||
<div><label>Fall-off radius</label><input type="number" id="property-light-falloff-radius" min="0" step="0.1"></div>
|
||||
<div><label>Fall-off radius <span class="unit">m</span></label><input type="number" id="property-light-falloff-radius" min="0" step="0.1"></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -146,24 +146,18 @@
|
|||
|
||||
<div class="property">
|
||||
<div class="number">
|
||||
<label>Major grid size</label>
|
||||
<span>
|
||||
<input type="number" id="major-spacing" min="1" step="1" /><span class="unit">m</span>
|
||||
</span>
|
||||
<label for="major-spacing">Major grid size <span class="unit">m</span></label>
|
||||
<input type="number" id="major-spacing" min="1" step="1" />
|
||||
</div>
|
||||
<div class="number">
|
||||
<label>Minor grid size</label>
|
||||
<span>
|
||||
<input type="number" id="minor-spacing" min="0.2" step="0.2" /><span class="unit">m</span>
|
||||
</span>
|
||||
<label for="minor-spacing">Minor grid size <span class="unit">m</span></label>
|
||||
<input type="number" id="minor-spacing" min="0.2" step="0.2" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="property number">
|
||||
<label>Position (Y axis)</label>
|
||||
<span>
|
||||
<input type="number" id="horiz-y" step="0.1" /><span class="unit">m</span>
|
||||
</span>
|
||||
<label for="horiz-y">Position (Y axis) <span class="unit">m</span></label>
|
||||
<input type="number" id="horiz-y" step="0.1" />
|
||||
</div>
|
||||
|
||||
<div class="property color-set">
|
||||
|
|
|
|||
Loading…
Reference in a new issue