AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change group headers

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/kiri/ui.js
View file

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

20
web/kiri/index.css
View file

@ -453,15 +453,14 @@ th, tr, td {
font-weight: bold; font-weight: bold;
} }
#help .header { #help .header {
background-image: var(--gradbar); background-color: rgba(0,0,0,0.1);
justify-content: center;
white-space: nowrap; white-space: nowrap;
text-align: center; text-align: center;
justify-content: center;
border-radius: 5px; border-radius: 5px;
padding: 1px 0 2px 0;
margin-bottom: 5px; margin-bottom: 5px;
padding: 1px 0 2px 0;
font-family: monospace; font-family: monospace;
color: white;
} }
#help .title { #help .title {
justify-content: center; justify-content: center;
@ -506,7 +505,9 @@ th, tr, td {
font-family: 'Russo One', sans-serif; font-family: 'Russo One', sans-serif;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: white; background-color: rgba(255,255,255,0.75);
border-radius: 5px;
width: 100px;
margin: 5px; margin: 5px;
} }
.dev-sel { .dev-sel {
@ -674,6 +675,15 @@ th, tr, td {
background-color: var(--bg-gray); background-color: var(--bg-gray);
height: 10px; 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 { .set-group {
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;

12
web/kiri/index.html
View file

@ -200,7 +200,7 @@
<div id="device" class="col t-body t-inset"></div> <div id="device" class="col t-body t-inset"></div>
<div class="t-pad"></div> <div class="t-pad"></div>
<div id="gcode-edit" class="t-body t-inset col"> <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 id="dev-gcode" class="grow"></div>
</div> </div>
</div> </div>
@ -217,11 +217,11 @@
</div> </div>
</div> </div>
<div id="mod-files" class="mdialog col"> <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 id="catalogList" class="col"></div>
</div> </div>
<div id="mod-saves" class="mdialog col"> <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 id="settingsList" class="col"></div>
</div> </div>
<div id="mod-tools" class="mdialog"> <div id="mod-tools" class="mdialog">
@ -249,13 +249,13 @@
</div> </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" 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="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 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="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 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="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="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 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> </div>