nngo/LT_Janitorial_Quality_Control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Phase 3: inspection view redesign 3

Browse Source
This commit is contained in:
nngo
2026-02-23 14:00:48 -05:00
parent fa55d43dc2
commit a943a2883b
2 changed files with 204 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/inspections/execute.html
+8 -8
View File
@@ -30,12 +30,12 @@
.form-grid {
display: grid;
grid-template-columns: repeat(12, 72px);
grid-auto-rows: auto;
grid-auto-rows: 52px; /* matches editor CELL_H — keeps proportions tight */
gap: 4px 8px;
width: max-content;
}
.fg-cell {
overflow:hidden; display:flex; flex-direction:column; padding:.22rem .55rem;
overflow:hidden; display:flex; flex-direction:column; padding:.18rem .45rem;
}
.fg-cell .field-lbl {
font-size:.74rem; font-weight:500; color:#64748b;
@@ -53,13 +53,13 @@
}
.fg-cell .form-control:focus,
.fg-cell .form-select:focus { border-color:#2563eb; background:#fff; box-shadow:none; }
.fg-cell textarea.form-control { resize:vertical; flex:1; min-height:60px; }
.fg-cell textarea.form-control { resize:none; flex:1; min-height:0; }
.fg-cell .form-check-label { font-size:.76rem; color:#64748b; }
.fg-cell .form-check-input { margin-top:.18rem; }
.fg-cell .form-check { margin-bottom:.1rem; }
.upload-zone {
border:2px dashed #cbd5e1; border-radius:6px; flex:1; min-height:60px;
border:2px dashed #cbd5e1; border-radius:6px; flex:1; min-height:0;
display:flex; flex-direction:column; align-items:center; justify-content:center;
color:#64748b; background:#f8fafc; cursor:pointer; font-size:.74rem; gap:.2rem;
transition:border-color .18s, background .18s; position:relative;
@@ -72,7 +72,7 @@
.upload-zone .file-name { font-size:.7rem; color:#2563eb; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.signature-pad-wrap {
flex:1; min-height:80px; border-radius:6px; border:1px solid #e2e8f0;
flex:1; min-height:0; border-radius:6px; border:1px solid #e2e8f0;
background:#f8fafc; position:relative; overflow:hidden;
}
.signature-pad-wrap canvas { width:100%; height:100%; cursor:crosshair; display:block; }
@@ -84,10 +84,10 @@
}
.sig-clear:hover { color:#dc2626; border-color:#dc2626; }
.rating-stars { display:flex; gap:.25rem; align-items:center; padding-top:.08rem; }
.rating-stars { display:flex; flex-direction:row; flex-wrap:nowrap; gap:.2rem; align-items:center; padding-top:.05rem; }
.rating-stars button {
border:none; background:none; font-size:1.45rem; color:#cbd5e1;
cursor:pointer; padding:0; line-height:1; transition:color .12s;
border:none; background:none; font-size:1.2rem; color:#cbd5e1;
cursor:pointer; padding:0; line-height:1; transition:color .1s; flex-shrink:0;
}
.rating-stars button:hover,
.rating-stars button.on { color:#f59e0b; }