MotorAdmin GUI besser
This commit is contained in:
@@ -309,18 +309,16 @@
|
|||||||
var savedEntry = steeringNeutralSavedValues[wheel];
|
var savedEntry = steeringNeutralSavedValues[wheel];
|
||||||
var isDirty = !savedEntry || Number(savedEntry.value) !== Number(entry.value);
|
var isDirty = !savedEntry || Number(savedEntry.value) !== Number(entry.value);
|
||||||
html.push(
|
html.push(
|
||||||
'<article class="steering_neutral_card' + (isDirty ? ' is_dirty' : '') + '">' +
|
'<article class="steering_neutral_card steering_neutral_card_compact' + (isDirty ? ' is_dirty' : '') + '">' +
|
||||||
'<div class="steering_neutral_card_header">' +
|
'<div class="steering_neutral_compact_row">' +
|
||||||
'<span class="info_label">Rad</span>' +
|
'<div class="steering_neutral_card_header steering_neutral_card_header_compact">' +
|
||||||
'<strong>' + entry.wheel_label + '</strong>' +
|
'<strong class="steering_neutral_title">' + entry.wheel_label + '</strong>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="steering_neutral_value_row">' +
|
'<div class="steering_neutral_value_row steering_neutral_value_row_compact">' +
|
||||||
'<button class="button buttonWarm steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', -' + STEERING_NEUTRAL_STEP + ')">-</button>' +
|
'<button class="button buttonWarm steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', -' + STEERING_NEUTRAL_STEP + ')">-</button>' +
|
||||||
'<strong class="steering_neutral_value">' + entry.value + '</strong>' +
|
'<strong class="steering_neutral_value">' + entry.value + '</strong>' +
|
||||||
'<button class="button buttonA steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', ' + STEERING_NEUTRAL_STEP + ')">+</button>' +
|
'<button class="button buttonA steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', ' + STEERING_NEUTRAL_STEP + ')">+</button>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="steering_neutral_meta">' +
|
|
||||||
'<span>Pin: ' + entry.pin + '</span>' +
|
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</article>'
|
'</article>'
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -841,6 +841,11 @@ h2 {
|
|||||||
0 8px 18px rgba(109, 126, 132, 0.08);
|
0 8px 18px rgba(109, 126, 132, 0.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.steering_neutral_card_compact {
|
||||||
|
gap: 0.35rem;
|
||||||
|
padding: 0.55rem 0.65rem;
|
||||||
|
}
|
||||||
|
|
||||||
.steering_neutral_card.is_dirty {
|
.steering_neutral_card.is_dirty {
|
||||||
border-color: rgba(214, 145, 42, 0.52);
|
border-color: rgba(214, 145, 42, 0.52);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
@@ -878,6 +883,25 @@ h2 {
|
|||||||
gap: 0.18rem;
|
gap: 0.18rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.steering_neutral_compact_row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: minmax(0, 1fr) auto;
|
||||||
|
gap: 0.55rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.steering_neutral_card_header_compact {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.steering_neutral_title {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
.steering_neutral_value_row {
|
.steering_neutral_value_row {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 2.8rem minmax(0, 1fr) 2.8rem;
|
grid-template-columns: 2.8rem minmax(0, 1fr) 2.8rem;
|
||||||
@@ -885,6 +909,11 @@ h2 {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.steering_neutral_value_row_compact {
|
||||||
|
grid-template-columns: 2.45rem minmax(3.6rem, auto) 2.45rem;
|
||||||
|
gap: 0.35rem;
|
||||||
|
}
|
||||||
|
|
||||||
.steering_neutral_value {
|
.steering_neutral_value {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: Consolas, "Courier New", monospace;
|
font-family: Consolas, "Courier New", monospace;
|
||||||
@@ -1107,6 +1136,10 @@ h2 {
|
|||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.steering_neutral_compact_row {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
.motor_test_feedback_card {
|
.motor_test_feedback_card {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user