admin/sao2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Jauge tolerance

Browse Source
This commit is contained in:
laurentbarontini
2026-05-17 19:12:46 +02:00
parent 991a875b94
commit 66ac2d0e0a
4 changed files with 740 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
tryton-sao.css
View File

@@ -10362,6 +10362,110 @@ input.column-boolean {
.progress {
margin-bottom: 0px;
}
.form-tolerance-gauge {
--tolerance-gauge-value: 50%;
--tolerance-gauge-center: 50%;
--tolerance-gauge-fill-left: 50%;
--tolerance-gauge-fill-width: 0%;
min-width: 180px;
color: #355154;
}
.form-tolerance-gauge-labels {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: end;
gap: 8px;
margin-bottom: 4px;
color: #6a7b7a;
font-size: 11px;
line-height: 1.2;
}
.form-tolerance-gauge-label {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.form-tolerance-gauge-label-center {
color: #2b8c87;
font-weight: 600;
text-align: center;
}
.form-tolerance-gauge-label-max {
text-align: right;
text-align: end;
}
.form-tolerance-gauge-track {
position: relative;
height: 12px;
overflow: visible;
border: 1px solid #d6e4df;
border-radius: 8px;
background: linear-gradient(180deg, #f6fbf9 0%, #e7f2ed 100%);
box-shadow: inset 0 1px 2px rgba(53, 81, 84, 0.08);
}
.form-tolerance-gauge-fill {
position: absolute;
top: 2px;
bottom: 2px;
left: var(--tolerance-gauge-fill-left);
width: var(--tolerance-gauge-fill-width);
border-radius: 6px;
background: linear-gradient(90deg, #8fd4cc 0%, #2b8c87 100%);
box-shadow: 0 0 0 1px rgba(43, 140, 135, 0.12);
}
.form-tolerance-gauge-center-tick {
position: absolute;
top: -4px;
bottom: -4px;
left: var(--tolerance-gauge-center);
width: 2px;
border-radius: 2px;
background: #2b8c87;
transform: translateX(-1px);
}
.form-tolerance-gauge-marker {
position: absolute;
top: 50%;
left: var(--tolerance-gauge-value);
width: 12px;
height: 12px;
border: 2px solid #ffffff;
border-radius: 50%;
background: #2b8c87;
box-shadow: 0 2px 6px rgba(53, 81, 84, 0.28);
transform: translate(-50%, -50%);
}
.form-tolerance-gauge-value {
margin-top: 5px;
overflow: hidden;
color: #355154;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.form-tolerance-gauge.outside .form-tolerance-gauge-fill,
.form-tolerance-gauge.outside .form-tolerance-gauge-marker {
background: #c94f4f;
}
.form-tolerance-gauge.outside .form-tolerance-gauge-value {
color: #9d3d3d;
}
.column-tolerance-gauge.form-tolerance-gauge {
min-width: 140px;
padding: 2px 4px;
}
.column-tolerance-gauge .form-tolerance-gauge-labels {
display: none;
}
.column-tolerance-gauge .form-tolerance-gauge-value {
margin-top: 3px;
font-size: 11px;
}
.window-form .window-form-toolbar {
text-align: right;
text-align: end;
@@ -12550,6 +12654,52 @@ html[data-theme-mode="dark"] .ag-grid-filter-logic-operator {
color: #8fe1d8;
}
html[data-theme-mode="dark"] .form-tolerance-gauge {
color: #dce7e2;
}
html[data-theme-mode="dark"] .form-tolerance-gauge-labels {
color: #aebfba;
}
html[data-theme-mode="dark"] .form-tolerance-gauge-label-center {
color: #8fe1d8;
}
html[data-theme-mode="dark"] .form-tolerance-gauge-track {
border-color: #304643;
background: linear-gradient(180deg, #213130 0%, #1a2726 100%);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);
}
html[data-theme-mode="dark"] .form-tolerance-gauge-fill {
background: linear-gradient(90deg, #57c1b9 0%, #2b8c87 100%);
box-shadow: 0 0 0 1px rgba(143, 225, 216, 0.18);
}
html[data-theme-mode="dark"] .form-tolerance-gauge-center-tick,
html[data-theme-mode="dark"] .form-tolerance-gauge-marker {
background: #57c1b9;
}
html[data-theme-mode="dark"] .form-tolerance-gauge-marker {
border-color: #162220;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.34);
}
html[data-theme-mode="dark"] .form-tolerance-gauge-value {
color: #dce7e2;
}
html[data-theme-mode="dark"] .form-tolerance-gauge.outside .form-tolerance-gauge-fill,
html[data-theme-mode="dark"] .form-tolerance-gauge.outside .form-tolerance-gauge-marker {
background: #e06a6a;
}
html[data-theme-mode="dark"] .form-tolerance-gauge.outside .form-tolerance-gauge-value {
color: #ffb1b1;
}
html[data-theme-mode="dark"] .ag-grid-tree-host {
border-color: #2a3f3d;
--ag-background-color: #101817;