Raum-Modal: Fensterbild zeigt Hoehe und Neigung, Regler nach rechts

Die Regler standen neben den Fahrknoepfen - beim Antippen von "Auf" fand
der Daumen leicht den Schieber daneben. Jetzt stehen sie rechts aussen,
zwischen ihnen und den Knoepfen liegt das Fensterbild.

Das Bild zeigt jetzt beides. Die Hoehe schneidet ab: gezeichnet wird nur
der Teil des Fensters, den die Jalousie bedeckt, mit der Endschiene an
seiner Unterkante; darunter sieht man hinaus. Die Neigung bestimmt wie
bisher, wie dick eine Lamelle von vorn erscheint. Ein Rollladen ohne
Neigung bekommt volle Lamellenhoehe - er ist ja ein geschlossener Panzer.

Die Prozentzahl unter den Reglern ist weg; die Bahn ist dafuer von 5 auf
6,5 rem gewachsen. Was der Regler bewirkt, zeigt das Bild ohnehin besser
als eine Zahl.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

css/solar.css

@@ -277,14 +277,10 @@ input[type='range']::-webkit-slider-runnable-track {
   align-items: stretch;
   gap: 0.6rem;
 }
-/* Neigungsregler und Lamellenbild gehoeren zusammen: das Bild sagt, was der
-   Regler daneben bedeutet, und laeuft beim Ziehen mit. */
-.raum-jalousie .raum-neigung-block {
-  display: flex;
-  align-items: stretch;
-  gap: 0.4rem;
+/* Das Fensterbild nimmt den Platz zwischen Knoepfen und Reglern. */
+.raum-jalousie .raum-lamellen {
   flex: 1 1 auto;
-  min-width: 0;
+  min-width: 2.5rem;
 }
 .raum-jalousie .dropdown {
   align-self: flex-start;
@@ -325,14 +321,14 @@ input[type='range']::-webkit-slider-runnable-track {
 .raum-senkrecht {
   position: relative;
   width: 1.6rem;
-  height: 5rem;
+  height: 6.5rem;
   margin: 0.1rem 0;
 }
 #roomView .raum-senkrecht input[type='range'] {
   position: absolute;
   top: 50%;
   left: 50%;
-  width: 5rem;      /* = Hoehe des Kastens, die Laenge der Bahn */
+  width: 6.5rem;    /* = Hoehe des Kastens, die Laenge der Bahn */
   height: 1.6rem;   /* = Breite des Kastens, die Flaeche zum Treffen */
   transform: translate(-50%, -50%) rotate(90deg);
   touch-action: none;
@@ -350,10 +346,8 @@ input[type='range']::-webkit-slider-runnable-track {
    aneinanderliegend heisst geschlossen. */
 .raum-lamellen {
   display: block;
-  flex: 1 1 auto;
-  min-width: 2.5rem;
   align-self: center;
-  height: 5rem;
+  height: 6.9rem;
   /* Der Rahmen macht aus dem Streifen ein Fenster - ohne ihn liest sich das
      geschlossene Bild wie eine zweite Reglerbahn. */
   background: rgba(0, 120, 143, 0.14);
@@ -367,3 +361,7 @@ input[type='range']::-webkit-slider-runnable-track {
   stroke-width: 0.6;
   vector-effect: non-scaling-stroke;
 }
+.raum-endschiene {
+  fill: currentColor;
+  opacity: 0.85;
+}