add color bars below position inputs

This commit is contained in:
James B. Pollack 2015-10-16 16:07:20 -07:00
parent 9a87f5c574
commit aa6aaf912e
2 changed files with 24 additions and 3 deletions

View file

@ -1035,9 +1035,9 @@
<div class="property">
<div class="label">Position</div>
<div class="value">
<div class="input-area">X <br><input class="coord" type='number' id="property-pos-x"></div>
<div class="input-area">Y <br><input class="coord" type='number' id="property-pos-y"></div>
<div class="input-area">Z <br><input class="coord" type='number' id="property-pos-z"></div>
<div class="input-area ">X<input class="coord" type='number' id="property-pos-x"><div class="prop-x"></div></div>
<div class="input-area ">Y<input class="coord" type='number' id="property-pos-y"><div class="prop-y"></div></div>
<div class="input-area ">Z<input class="coord" type='number' id="property-pos-z"><div class="prop-z"></div></div>
<div>
<input type="button" id="move-selection-to-grid" value="Selection to Grid">
<input type="button" id="move-all-to-grid" value="All to Grid">

View file

@ -75,6 +75,7 @@ body {
height: 22.5pt;
}
.property-section label {
font-weight: bold;
}
@ -342,3 +343,23 @@ input#property-name {
margin: 5px;
border: 1px solid white;
}
.prop-x{
color:red !important;
background: rgba(255, 0, 0, .9);
height:2px !important;
}
.prop-y{
color:green !important;
background: rgba(0, 255, 0, .9);
height:2px !important;
}
.prop-z{
color:blue !important;
background: rgba(0, 0, 255, .9);
height:2px !important;
}