change group headers
This commit is contained in:
parent
8fc03ee9ba
commit
724d3453c0
3 changed files with 22 additions and 12 deletions
|
|
@ -453,15 +453,14 @@ th, tr, td {
|
|||
font-weight: bold;
|
||||
}
|
||||
#help .header {
|
||||
background-image: var(--gradbar);
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
justify-content: center;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
border-radius: 5px;
|
||||
padding: 1px 0 2px 0;
|
||||
margin-bottom: 5px;
|
||||
padding: 1px 0 2px 0;
|
||||
font-family: monospace;
|
||||
color: white;
|
||||
}
|
||||
#help .title {
|
||||
justify-content: center;
|
||||
|
|
@ -506,7 +505,9 @@ th, tr, td {
|
|||
font-family: 'Russo One', sans-serif;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: white;
|
||||
background-color: rgba(255,255,255,0.75);
|
||||
border-radius: 5px;
|
||||
width: 100px;
|
||||
margin: 5px;
|
||||
}
|
||||
.dev-sel {
|
||||
|
|
@ -674,6 +675,15 @@ th, tr, td {
|
|||
background-color: var(--bg-gray);
|
||||
height: 10px;
|
||||
}
|
||||
.set-header {
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
justify-content: center;
|
||||
border-radius: 2px;
|
||||
padding: 1px 0 2px 0;
|
||||
margin: 5px 0 5px 0;
|
||||
}
|
||||
.set-group {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
|
|
@ -200,7 +200,7 @@
|
|||
<div id="device" class="col t-body t-inset"></div>
|
||||
<div class="t-pad"></div>
|
||||
<div id="gcode-edit" class="t-body t-inset col">
|
||||
<div class="t-group col">gcode editor</div>
|
||||
<div class="set-header col">gcode editor</div>
|
||||
<div id="dev-gcode" class="grow"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -217,11 +217,11 @@
|
|||
</div>
|
||||
</div>
|
||||
<div id="mod-files" class="mdialog col">
|
||||
<label class="t-group">recent files</label>
|
||||
<label class="set-header">recent files</label>
|
||||
<div id="catalogList" class="col"></div>
|
||||
</div>
|
||||
<div id="mod-saves" class="mdialog col">
|
||||
<label class="t-group">saved settings</label>
|
||||
<label class="set-header">saved settings</label>
|
||||
<div id="settingsList" class="col"></div>
|
||||
</div>
|
||||
<div id="mod-tools" class="mdialog">
|
||||
|
|
@ -249,13 +249,13 @@
|
|||
</div>
|
||||
<div class="row var-row" title="tool number to use
in gcode commands"><label>tool #</label><input id="tool-num" size="7"></input></div>
|
||||
<div class="row var-row"><label>metric</label><input id="tool-metric" type="checkbox"></input></div>
|
||||
<div class="t-group col">shaft</div>
|
||||
<div class="set-header col">shaft</div>
|
||||
<div class="row var-row" title="shaft diameter in inches
unless metric is checked
then in millimeters"><label>diameter</label><input id="tool-sdiam" size="7"></input></div>
|
||||
<div class="row var-row" title="shaft length in inches
unless metric is checked
then in millimeters"><label>length</label><input id="tool-slen" size="7"></input></div>
|
||||
<div class="t-group col">flute</div>
|
||||
<div class="set-header col">flute</div>
|
||||
<div class="row var-row" title="flute diameter in inches
unless metric is checked
then in millimeters"><label>diameter</label><input id="tool-fdiam" size="7"></input></div>
|
||||
<div class="row var-row" title="flute length in inches
unless metric is checked
then in millimeters"><label>length</label><input id="tool-flen" size="7"></input></div>
|
||||
<div class="t-group col">taper</div>
|
||||
<div class="set-header col">taper</div>
|
||||
<!-- <div class="flow-row" title="taper angle"><label>angle</label><input id="tool-tangle" size=5></input></div> -->
|
||||
<div class="row var-row" title="tip width in inches
unless metric is checked
then in millimeters"><label>tip</label><input id="tool-ttip" size="7"></input></div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue