change group headers

This commit is contained in:
Stewart Allen 2020-06-08 11:19:45 -04:00
commit 724d3453c0
3 changed files with 22 additions and 12 deletions

View file

@ -117,7 +117,7 @@
row.setAttribute("class", "set-group noselect");
addTo = pop;
} else {
row.setAttribute("class", "t-group col");
row.setAttribute("class", "set-header col");
addTo = lastDiv;
}

View file

@ -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;

View file

@ -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&#010;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&#010;unless metric is checked&#010;then in millimeters"><label>diameter</label><input id="tool-sdiam" size="7"></input></div>
<div class="row var-row" title="shaft length in inches&#010;unless metric is checked&#010;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&#010;unless metric is checked&#010;then in millimeters"><label>diameter</label><input id="tool-fdiam" size="7"></input></div>
<div class="row var-row" title="flute length in inches&#010;unless metric is checked&#010;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&#010;unless metric is checked&#010;then in millimeters"><label>tip</label><input id="tool-ttip" size="7"></input></div>
</div>