Isolations-Rahmen respektiert Lineal, Verlassen-Pill neu platziert, Grundriss-Titel-Pills entfernt
- Rahmen + "Gruppe verlassen"-Knopf rücken oben/links um die Lineal-Dicke ein (20px) statt darüber zu liegen (Nutzer-Report: "respektiere das Lineal, wirklich nur Viewport selber"). - Der Knopf sass ausserdem zu weit oben und überlappte die Lineal-Beschriftung — jetzt klar darunter (top: 36px statt 12px). - Die "Grundriss Erdgeschoss"-Pill oben links und die "Schnitthöhe"-Legende unten in der Grundriss-Ansicht sind entfernt (Nutzer: redundant, unklar wozu).
This commit is contained in:
+15
-5
@@ -2146,19 +2146,29 @@ body {
|
||||
Plan weiterhin durchgehen. */
|
||||
.pane-isolation-frame {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
/* Oben/links um die Lineal-Dicke eingerückt (TH=20 Bildschirm-px in
|
||||
PlanRulers.tsx) — der Rahmen soll NUR den eigentlichen Zeichenbereich
|
||||
umranden, nicht das Lineal überdecken (Nutzer-Wunsch: „respektiere das
|
||||
Lineal, wirklich nur Viewport selber"). Rechts/unten gibt es kein
|
||||
Lineal → bis an den Rand. */
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 5;
|
||||
pointer-events: none;
|
||||
box-shadow: inset 0 0 0 8px rgba(230, 126, 34, 0.35);
|
||||
}
|
||||
|
||||
/* "Gruppe verlassen": Knopf oben RECHTS in der Ansicht (analog `.pane-title`
|
||||
oben links), sichtbar nur solange eine Gruppe betreten ist. */
|
||||
/* "Gruppe verlassen": Knopf oben RECHTS in der Ansicht, sichtbar nur solange
|
||||
eine Gruppe betreten ist. `top` unter dem Lineal (TH=20px, s. PlanRulers.tsx)
|
||||
UND unter dem Isolations-Rahmenband (8px ab dessen 20px-Einrückung) —
|
||||
Nutzer-Report: Pill sass vorher zu hoch, überlappte Lineal-Beschriftung. */
|
||||
.pane-leave-group-btn {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
top: 36px;
|
||||
right: 12px;
|
||||
z-index: 3;
|
||||
z-index: 6;
|
||||
padding: 5px 11px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--accent-border);
|
||||
|
||||
@@ -9,7 +9,6 @@
|
||||
import { useEffect, useMemo, useState } from "react";
|
||||
|
||||
import { t } from "../i18n";
|
||||
import { formatM } from "../model/types";
|
||||
import type {
|
||||
Ceiling,
|
||||
Drawing2D,
|
||||
@@ -687,22 +686,8 @@ function LevelPlanView({
|
||||
pushNativeWalls(project);
|
||||
}, [project]);
|
||||
|
||||
// Bei einer freien Zeichnung gibt es keine Schnitthöhe → eigene Legende/Titel.
|
||||
const isDrawing = level.kind === "drawing";
|
||||
const caption = isDrawing
|
||||
? t("content.drawingLegend")
|
||||
: t("content.grundrissLegend", {
|
||||
name: level.name,
|
||||
cutHeight: formatM(level.cutHeight ?? 0),
|
||||
});
|
||||
|
||||
return (
|
||||
<section className="pane">
|
||||
<div className="pane-title">
|
||||
{isDrawing
|
||||
? t("content.drawingTitle", { name: level.name })
|
||||
: t("content.grundrissTitle", { name: level.name })}
|
||||
</div>
|
||||
{groupPath.length > 0 && (
|
||||
<button
|
||||
type="button"
|
||||
@@ -763,7 +748,6 @@ function LevelPlanView({
|
||||
{/* NACH PlanView gerendert (nicht als box-shadow auf .pane), damit der
|
||||
Isolations-Rahmen über der PlanView-SVG sichtbar bleibt. */}
|
||||
{groupPath.length > 0 && <div className="pane-isolation-frame" />}
|
||||
<div className="plan-legend">{caption}</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user