v0.15.0

web/css/styles.css

@@ -621,6 +621,33 @@ h3 {
   background: color-mix(in srgb, var(--accent) 12%, var(--surface));
 }
 
+.louver-controls {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 7px;
+  margin-top: 4px;
+}
+
+.louver-control {
+  display: grid;
+  grid-template-columns: minmax(96px, .72fr) minmax(0, 1.28fr);
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.louver-control > span {
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.15;
+}
+
+.louver-control select,
+.louver-control .custom-select {
+  width: 100%;
+  min-width: 0;
+}
+
 .card-footer {
   display: flex;
   justify-content: space-between;
@@ -4027,6 +4054,10 @@ body.simulation-standalone [data-view="simulation"] {
   padding: 2px 0 5px;
 }
 
+.quick-control-card .quick-control-row-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .quick-control-card .quick-control-row-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
@@ -4097,6 +4128,17 @@ body.simulation-standalone [data-view="simulation"] {
   margin-top: 1px;
 }
 
+.quick-control-card .louver-controls {
+  margin: 1px 0 4px;
+}
+
+.quick-control-card .louver-control .custom-select-trigger,
+.quick-control-card .louver-control select {
+  min-height: 34px;
+  padding-block: 5px;
+  font-size: 10px;
+}
+
 .quick-thermostat-control .zone-quick-actions {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));