/* layout-flex.css – Flex-Modus (Fold halb geöffnet, Scharnier waagerecht). Runde r68. * Greift NUR bei html.geraet-flex (gesetzt von layout-flex.js – erkannt oder erzwungen). * Ohne diese Klasse ändert diese Datei nichts. * * Aufteilung wie YouTube/Kamera im Flex-Modus: * OBEN (0 … --flex-oben) Inhalt: der offene Reiter (Kalender, To Do, …) * NAHT (--flex-oben … --flex-unten) bleibt frei * UNTEN (--flex-unten … Ende) Bedienung: Schieberegler, Aufgaben-Eingabe, Reiterleiste * --flex-oben / --flex-unten setzt layout-flex.js (aus Segmenten, Android-App oder Mitte). */ html.geraet-flex{ --flex-oben:50vh; /* Rückfall, falls JS die Werte (noch) nicht gesetzt hat */ --flex-unten:50vh; --flex-luft:14px; /* Abstand der Bedienung zur Naht */ } /* 1. Inhalt nur in der oberen Hälfte */ html.geraet-flex body .view{ top:0 !important; bottom:auto !important; height:var(--flex-oben) !important; inset-block-end:auto !important; } /* 2. Untere Hälfte: ruhige Fläche hinter der Bedienung (Element legt layout-flex.js an) */ html.geraet-flex #flexUnten9{ position:fixed;left:0;right:0;top:var(--flex-unten);bottom:0;z-index:-1; /* unter allem: .view ist fixed = eigener Stapel, Bedienung darin muss darueber liegen */ background:var(--bg, #f6f6f7); border-top:1px solid var(--line, rgba(0,0,0,.08)); pointer-events:none; } /* 3. Reiterleiste bleibt ganz unten, über der Fläche */ html.geraet-flex nav{z-index:40} /* 4. Kalender: Schieberegler wandert direkt unter die Naht (Sichtbarkeit regelt weiter .hide) */ html.geraet-flex #view-kalender.on #sliderZeile{ position:fixed;left:0;right:0;z-index:36;margin:0; top:calc(var(--flex-unten) + var(--flex-luft)); } html.geraet-flex #view-kalender .kal-slider input{flex-basis:70%} /* 4b. Plus-Knopf in die untere Hälfte (rechts über der Leiste) */ html.geraet-flex #view-kalender.on #kalFab{ position:fixed;top:auto;right:16px; bottom:calc(56px + var(--sab,0px) + var(--vvUnten,0px) + 18px); } /* 5. To Do: Eingabe sitzt oben in der unteren Hälfte statt über der Leiste */ html.geraet-flex #view-termine .todo-eingabe, html.geraet-flex .todo-eingabe{ top:calc(var(--flex-unten) + var(--flex-luft)) !important; bottom:auto !important; } html.geraet-flex .todo-band{display:none !important} /* verwischtes Band über der Leiste braucht es hier nicht */ /* 6. Tastatur offen: Inhalt bleibt oben, Leiste verschwindet wie bisher */ html.geraet-flex body.todo-tippt .view{height:var(--flex-oben) !important} /* ══ Buch-Modus: „Kalender + Begleiter" (Runde r69) ═══════════════════════════ * Fold HOCHKANT halb geöffnet, Scharnier SENKRECHT. Greift NUR bei html.geraet-buch. * * Reiter Kalender (oder To Do) = BEGLEITER-Ansicht: * LINKS (0 … --buch-links) der Kalender in seiner aktuellen Ansicht * RECHTS (--buch-rechts … Ende) der Begleiter, bezieht sich auf links: * Grundzustand To Do (Start: Heute fällig, Anfragen/Nachfragen, Eingabe) * Termin links angetippt → dessen Terminkarte (#pdSheet) rechts statt über allem * Tag links angetippt → Termine + Aufgaben dieses Tages (#tagPop) rechts * „Zurück zu To Do" oben im Tagesblatt, die Terminkarte schließt wie gewohnt. * Buchen / Analyse / Einstellungen = ganze Breite wie am Tablet (kein Kalender daneben). * Leiste: volle Breite, ohne den Reiter „To Do" (der steht im Begleiter ja immer rechts). * --buch-links / --buch-rechts setzt layout-flex.js (Segmente, Android-App oder Mitte). * :has() braucht Chrome/WebView 105+ – Buch-Modus gibt es ohnehin erst ab 138. */ html.geraet-buch{--buch-links:50vw;--buch-rechts:50vw} /* ── Begleiter-Ansicht: nur wenn Kalender oder To Do aktiv ist ── */ html.geraet-buch:has(#view-kalender.on, #view-termine.on) body #view-kalender{ display:block !important;animation:none;z-index:2; /* z: Tagesblatt darf in die rechte Hälfte ragen */ left:0 !important;right:auto !important;width:var(--buch-links) !important; box-shadow:1px 0 0 var(--line, rgba(0,0,0,.08)); /* feine Trennlinie, falls die Naht 0 px breit ist */ } html.geraet-buch:has(#view-kalender.on, #view-termine.on) body #view-termine{ display:block !important;animation:none; left:var(--buch-rechts) !important;right:0 !important;width:auto !important; } html.geraet-buch:has(#view-kalender.on, #view-termine.on) .todo-eingabe{ left:calc(var(--buch-rechts) + 16px) !important;right:16px !important; } html.geraet-buch:has(#view-kalender.on, #view-termine.on) .todo-band{left:var(--buch-rechts) !important} /* Terminkarte rechts statt über allem (das Blatt setzt inset:0 inline – hier überschrieben) */ html.geraet-buch:has(#view-kalender.on, #view-termine.on) #pdSheet{ left:var(--buch-rechts) !important; bottom:calc(56px + var(--sab,0px) + var(--vvUnten,0px)) !important; /* Leiste bleibt sichtbar */ box-shadow:-1px 0 0 var(--line, rgba(0,0,0,.08)); } /* Tagesblatt (Termine + Aufgaben des Tages) füllt die rechte Hälfte */ html.geraet-buch:has(#view-kalender.on, #view-termine.on) #tagPop{ position:fixed !important;margin:0 !important;width:auto !important;max-height:none !important; left:var(--buch-rechts) !important;right:0 !important;top:0 !important; bottom:calc(56px + var(--sab,0px) + var(--vvUnten,0px)) !important; padding-top:env(safe-area-inset-top,0px); overflow-y:auto;border-radius:0 !important;box-shadow:none !important;animation:none !important; background:var(--bg); } html.geraet-buch:has(#view-kalender.on, #view-termine.on) #tagPop.pop-frisch{pointer-events:auto} #buchZurueck9{display:none} html.geraet-buch:has(#view-kalender.on, #view-termine.on) #buchZurueck9{ display:inline-flex;align-items:center;border:0;background:none;color:var(--accent); font:inherit;font-size:.85rem;font-weight:600;padding:6px 8px;margin-right:4px;cursor:pointer; } /* ── Leiste: volle Breite, „To Do" entfällt; im To-Do-Zustand leuchtet „Kalender" ── */ html.geraet-buch nav #tab-termine{display:none !important} html.geraet-buch:has(#view-termine.on) nav #tab-kalender{color:var(--accent);font-weight:700} /* ══ v1764 (Harun fold): Faltgeräte aufgeklappt – Buch-Modus nach prototyp-buchmodus.html ═══════════════ * Erkennung (layout-flex.js): Segmente → Posture → Rückfall Touch + nahe quadratisch (0,8 … 1,25, kürzere Seite ≥ 600). * --buch-links / --buch-rechts enthalten schon die Luft zur Naht (nichts liegt auf der Falz), --buch-mitte = Naht-Mitte. * Fußleiste „Paare" (#buchFuss9) ersetzt die