v0.12.1-cleanups
This commit is contained in:
+8
-13
@@ -2593,7 +2593,7 @@ legend {
|
||||
background: color-mix(in srgb, var(--surface-muted) 52%, var(--surface));
|
||||
}
|
||||
|
||||
.simulation-panel-head > div:first-child {
|
||||
.simulation-panel-head>div:first-child {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
@@ -2685,7 +2685,7 @@ legend {
|
||||
background: var(--surface-muted);
|
||||
}
|
||||
|
||||
.simulation-rule-card > p {
|
||||
.simulation-rule-card>p {
|
||||
margin: 0;
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
@@ -8947,7 +8947,6 @@ body.flow-editor-open {
|
||||
vector-effect: non-scaling-stroke;
|
||||
}
|
||||
|
||||
/* Mobile UX refinements: dashboard headers, control plan, landscape navigation and Flow toolbar. */
|
||||
@media (max-width: 700px) {
|
||||
.dashboard-thermostat-section .dashboard-section-head.compact-head {
|
||||
flex-direction: row;
|
||||
@@ -8956,7 +8955,7 @@ body.flow-editor-open {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.dashboard-thermostat-section .dashboard-section-head.compact-head > div:first-child {
|
||||
.dashboard-thermostat-section .dashboard-section-head.compact-head>div:first-child {
|
||||
min-width: 0;
|
||||
text-align: left;
|
||||
}
|
||||
@@ -9000,7 +8999,6 @@ body.flow-editor-open {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* Phones in landscape can cross desktop width breakpoints. Keep navigation compact when height is phone-like. */
|
||||
@media (orientation: landscape) and (max-height: 640px) and (max-width: 1400px) {
|
||||
body:not(.flow-editor-open) main {
|
||||
width: 100%;
|
||||
@@ -9087,7 +9085,7 @@ body.flow-editor-open {
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.flow-zoom-controls > span {
|
||||
.flow-zoom-controls>span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -9121,7 +9119,6 @@ body.flow-editor-open {
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile UX correction pass: explicit left alignment, compact Flow fit control, natural chart fullscreen. */
|
||||
@media (max-width: 700px) {
|
||||
#controlPlanSection .dashboard-section-head.compact-head {
|
||||
display: block;
|
||||
@@ -9130,7 +9127,7 @@ body.flow-editor-open {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#controlPlanSection .dashboard-section-head.compact-head > div:first-child {
|
||||
#controlPlanSection .dashboard-section-head.compact-head>div:first-child {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
text-align: left;
|
||||
@@ -9165,7 +9162,7 @@ body.flow-editor-open {
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.flow-zoom-controls > span {
|
||||
.flow-zoom-controls>span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -9214,7 +9211,7 @@ body.flow-editor-open {
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.flow-zoom-controls > span {
|
||||
.flow-zoom-controls>span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -9240,7 +9237,6 @@ body.flow-editor-open {
|
||||
}
|
||||
}
|
||||
|
||||
/* In phone landscape there is enough width: keep the full Fit label instead of clipping it. */
|
||||
@media (orientation: landscape) and (max-height: 700px) and (min-width: 500px) {
|
||||
.flow-fit-button {
|
||||
display: inline-flex;
|
||||
@@ -9258,5 +9254,4 @@ body.flow-editor-open {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user