fix stock and compact displat issues

This commit is contained in:
Stewart Allen 2020-04-11 10:29:19 -04:00
commit 0ca8c1ce22
4 changed files with 27 additions and 10 deletions

View file

@ -155,7 +155,7 @@
<div id="selection">
<span class="sel-span">
<label class="label">scale</label>
<div id="sel-scale" class="sel-pop">
<div class="sel-pop">
<table>
<tr>
<th></th>
@ -186,7 +186,7 @@
</span>
<span class="sel-span">
<label class="label">rotate</label>
<div id="sel-rotate" class="sel-pop">
<div class="sel-pop">
<table>
<tr><td>
<label>z</label>
@ -207,13 +207,13 @@
<label class="label">extruder</label>
<div class="sel-pop"><div id="sel-ext"></div></div>
</span>
<span id="stock" class="sel-span">
<label class="label">stock</label>
<label id="stock-width" class="value">mm</label> x
<label id="stock-depth" class="value">mm</label> x
<label id="stock-height" class="value">mm</label>
</span>
</div>
<span id="stock">
<label class="label">stock</label>
<label id="stock-width" class="value">mm</label> x
<label id="stock-depth" class="value">mm</label> x
<label id="stock-height" class="value">mm</label>
</span>
</div>
<!-- layer slider -->
<div id="layer-view" class="flow-row">

View file

@ -72,6 +72,13 @@ input[type=range]::-moz-focus-outer {
.sel-span:hover .sel-pop {
display: block;
}
.compact .sel-span label {
font-size: 24px;
}
.compact .sel-span input {
font-size: 18px;
margin: 4px;
}
#widget-info {
text-align: center;
position: fixed;
@ -113,6 +120,12 @@ input[type=range]::-moz-focus-outer {
#stock,#selection {
display: none;
}
#stock label {
background-color: transparent !important;
}
#selection {
background-color: transparent !important;
}
#container {
width: 100%;
height: 100%;