report editor with text field, lines, frames, and table draw. multiselect etc.

2026-01-25 09:58:55 +02:00
parent 7f04566242
commit fb1d4ae7ad
26 changed files with 3162 additions and 3 deletions
@@ -0,0 +1,75 @@
+.canvas-container {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 20px;
+  background: #f5f5f5;
+  overflow: auto;
+}
+
+.editor-canvas {
+  position: relative;
+  width: 1440px;
+  height: 2112px;
+  background: white;
+  border: 1px solid #ccc;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  font-family: 'Courier New', 'Consolas', monospace;
+  font-size: 32px;
+  line-height: 32px;
+  white-space: pre;
+  letter-spacing: -1.2px;
+  font-variant-ligatures: none;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+
+.editor-canvas.crosshair {
+  cursor: crosshair;
+}
+
+.grid-line {
+  position: absolute;
+  background: rgba(0, 0, 0, 0.05);
+  pointer-events: none;
+}
+
+.grid-line.vertical {
+  width: 1px;
+  height: 100%;
+  top: 0;
+}
+
+.grid-line.horizontal {
+  height: 1px;
+  width: 100%;
+  left: 0;
+}
+
+.frame-preview {
+  position: absolute;
+  border: 2px dashed #667eea;
+  background: rgba(102, 126, 234, 0.1);
+  pointer-events: none;
+  box-sizing: border-box;
+}
+
+.line-preview {
+  position: absolute;
+  border: 2px dashed #66b6ea;
+  background: rgba(102, 182, 234, 0.1);
+  pointer-events: none;
+  box-sizing: border-box;
+}
+
+.selection-rectangle {
+  position: absolute;
+  border: 2px dashed #667eea;
+  background: rgba(102, 126, 234, 0.1);
+  pointer-events: none;
+  box-sizing: border-box;
+  z-index: 100;
+}