mirror of
https://github.com/HifiExperiments/overte.git
synced 2025-08-04 00:44:12 +02:00
Style the entity editor's "grid" tab
This commit is contained in:
David Rowe
parent
46df386f0b
commit
42af3ebc4a
3 changed files with 81 additions and 68 deletions
|
|
@ -44,8 +44,12 @@
|
|||
url(../../interface/resources/fonts/hifi-glyphs.ttf);
|
||||
}
|
||||
|
||||
body {
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 24px 12px 24px 12px;
|
||||
|
||||
color: #afafaf;
|
||||
|
|
@ -163,15 +167,14 @@ td.url {
|
|||
}
|
||||
|
||||
|
||||
input, textarea {
|
||||
input[type="text"], input[type="number"], textarea {
|
||||
margin: 0;
|
||||
padding: 0 12px;
|
||||
color: #afafaf;
|
||||
background-color: #252525;
|
||||
border: none;
|
||||
font-family: Raleway-SemiBold;
|
||||
font-family: FiraSans-SemiBold;
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
textarea {
|
||||
|
|
@ -212,7 +215,7 @@ input:disabled, textarea:disabled {
|
|||
|
||||
input[type="text"], input[type="number"] {
|
||||
height: 28px;
|
||||
min-width: 120px;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
|
|
@ -222,7 +225,6 @@ input[type="number"] {
|
|||
input:focus {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
border: 1px dotted red;
|
||||
}
|
||||
|
||||
input::selection {
|
||||
|
|
@ -326,46 +328,60 @@ input[type=button].red:active {
|
|||
}
|
||||
|
||||
.section-header, .sub-section-header {
|
||||
background: #AAA;
|
||||
border-bottom: 0.75pt solid #CCC;
|
||||
background-color: #333333;
|
||||
color: #999;
|
||||
padding: 3pt;
|
||||
padding-top: 6pt;
|
||||
padding: 0 0 0 0;
|
||||
font-size: 12px;
|
||||
color: #afafaf;
|
||||
}
|
||||
|
||||
.section-header label, .sub-section-header label {
|
||||
font-weight: bold;
|
||||
font-size: 11pt;
|
||||
.property {
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-top: 22px;
|
||||
min-height: 29px;
|
||||
}
|
||||
|
||||
.sub-section-header {
|
||||
padding-top: 4px;
|
||||
.property label {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
font-family: Raleway-SemiBold;
|
||||
font-size: 14px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.sub-section-header label {
|
||||
font-size: 9pt;
|
||||
.checkbox + .checkbox {
|
||||
margin-top: 0;
|
||||
}
|
||||
.checkbox span {
|
||||
display: table-cell;
|
||||
width: 21px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.multi-property-section {
|
||||
.property .number {
|
||||
float: left;
|
||||
}
|
||||
.number + .number {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.property-section {
|
||||
display: block;
|
||||
margin: 10 10;
|
||||
height: 22.5pt;
|
||||
.number label {
|
||||
float: left;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.number span {
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.property-section label {
|
||||
font-weight: bold;
|
||||
.color span, .color label {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
.color label {
|
||||
padding: 4px 12px 0 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.property-section span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.grid-section {
|
||||
}
|
||||
|
||||
.color-picker {
|
||||
width: 50px;
|
||||
|
|
@ -436,9 +452,6 @@ input[type=button].red:active {
|
|||
margin-right: -148px;
|
||||
}
|
||||
|
||||
#radius {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
#entity-table-scroll {
|
||||
/* Height is set by JavaScript. */
|
||||
|
|
|
|||
|
|
@ -123,57 +123,58 @@
|
|||
</script>
|
||||
</head>
|
||||
<body onload='loaded();'>
|
||||
<div class="grid-section">
|
||||
<div id="grid-section">
|
||||
|
||||
<div class="property-section">
|
||||
<label>Visible</label>
|
||||
<div class="section-header">
|
||||
<label>EDITING GRID</label>
|
||||
</div>
|
||||
|
||||
<div class="property checkbox">
|
||||
<span>
|
||||
<input type='checkbox' id="horiz-grid-visible">
|
||||
</span>
|
||||
<label>Visible</label>
|
||||
</div>
|
||||
|
||||
<div class="property-section">
|
||||
<label>Snap to grid</label>
|
||||
<div class="property checkbox">
|
||||
<span>
|
||||
<input type='checkbox' id="snap-to-grid">
|
||||
</span>
|
||||
<label>Snap entities to grid</label>
|
||||
</div>
|
||||
|
||||
<div id="horizontal-position" class="property-section">
|
||||
<label>Position (Y Axis)</label>
|
||||
<div class="property">
|
||||
<div class="number">
|
||||
<label>Major grid size</label>
|
||||
<span>
|
||||
<input type="number" id="major-spacing" min="1" step="1" /> m
|
||||
</span>
|
||||
</div>
|
||||
<div class="number">
|
||||
<label>Minor grid size</label>
|
||||
<span>
|
||||
<input type="number" id="minor-spacing" min="0.2" step="0.2" /> m
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="property number">
|
||||
<label>Position (Y axis)</label>
|
||||
<span>
|
||||
<input type='number' id="horiz-y" class="number" step="0.1"></input>
|
||||
<input type="number" id="horiz-y" step="0.1" /> m
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="property-section">
|
||||
<label>Minor Grid Size</label>
|
||||
<span>
|
||||
<input type='number' id="minor-spacing" min="0.2" step="0.2"></input>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="property-section">
|
||||
<label>Major Grid Every</label>
|
||||
<span>
|
||||
<input type='number' id="major-spacing" min="1" step="1", ></input>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="property-section">
|
||||
<label>Grid Color</label>
|
||||
<div class="property color">
|
||||
<span id="grid-colors"></span>
|
||||
<label>Grid line color</label>
|
||||
</div>
|
||||
|
||||
<div class="property-section">
|
||||
<div class="property">
|
||||
<span>
|
||||
<input type="button" id="move-to-selection" value="Move to Selection">
|
||||
</span>
|
||||
</div>
|
||||
<div class="property-section">
|
||||
<span>
|
||||
<input type="button" id="move-to-avatar" value="Move to Avatar">
|
||||
</span>
|
||||
<input type="button" id="move-to-selection" value="ALIGN TO SELECTION">
|
||||
<input type="button" id="move-to-avatar" value="ALIGN TO AVATAR">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -111,7 +111,6 @@ Preference {
|
|||
|
||||
case Preference.Checkbox:
|
||||
checkBoxCount++;
|
||||
console.log("####### checkBoxCount = " + checkBoxCount);
|
||||
builder = checkboxBuilder;
|
||||
break;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue