From 1168c7e2ea57ab655e3844dd8c3d496a5ef50ec1 Mon Sep 17 00:00:00 2001 From: Sandro Date: Sun, 25 Oct 2026 10:17:32 +0100 Subject: [PATCH] fix(workspace): remove boilerplate placeholder text from block inputs --- .../src/features/workspace/WorkspaceView.tsx | 19 ++++++------------- 1 file changed, 6 insertions(+), 13 deletions(-) diff --git a/frontend/src/features/workspace/WorkspaceView.tsx b/frontend/src/features/workspace/WorkspaceView.tsx index 4ee9677..486345f 100644 --- a/frontend/src/features/workspace/WorkspaceView.tsx +++ b/frontend/src/features/workspace/WorkspaceView.tsx @@ -2180,8 +2180,7 @@ export const WorkspaceView: React.FC = ({ onBlur={() => resetIdleTimer()} onChange={(e) => handleContentChange(block, e.target.value)} onKeyDown={(e) => handleKeyDown(e, block, originalIndex)} - placeholder={isReadOnly ? '' : 'Aufgabe tippen… (/ für Befehle)'} - className={`w-full bg-transparent text-sm focus:outline-none placeholder:text-faint ${ + className={`w-full bg-transparent text-sm focus:outline-none ${ block.checked ? 'line-through text-faint' : 'text-main' } ${isReadOnly ? 'cursor-default' : ''}`} /> @@ -2244,8 +2243,7 @@ export const WorkspaceView: React.FC = ({ onBlur={() => resetIdleTimer()} onChange={(e) => handleContentChange(block, e.target.value)} onKeyDown={(e) => handleKeyDown(e, block, originalIndex)} - placeholder={isReadOnly ? '' : 'Überschrift 1… (/ für Befehle)'} - className={`w-full bg-transparent text-lg font-bold text-main focus:outline-none placeholder:text-faint ${ + className={`w-full bg-transparent text-lg font-bold text-main focus:outline-none ${ isReadOnly ? 'cursor-default' : '' }`} /> @@ -2264,8 +2262,7 @@ export const WorkspaceView: React.FC = ({ onBlur={() => resetIdleTimer()} onChange={(e) => handleContentChange(block, e.target.value)} onKeyDown={(e) => handleKeyDown(e, block, originalIndex)} - placeholder={isReadOnly ? '' : 'Abschnitts-Überschrift… (/ für Befehle)'} - className={`w-full bg-transparent text-base font-semibold text-accent focus:outline-none placeholder:text-faint ${ + className={`w-full bg-transparent text-base font-semibold text-accent focus:outline-none ${ isReadOnly ? 'cursor-default' : '' }`} /> @@ -2284,8 +2281,7 @@ export const WorkspaceView: React.FC = ({ onBlur={() => resetIdleTimer()} onChange={(e) => handleContentChange(block, e.target.value)} onKeyDown={(e) => handleKeyDown(e, block, originalIndex)} - placeholder={isReadOnly ? '' : 'Unterabschnitt… (/ für Befehle)'} - className={`w-full bg-transparent text-sm font-semibold text-main focus:outline-none placeholder:text-faint ${ + className={`w-full bg-transparent text-sm font-semibold text-main focus:outline-none ${ isReadOnly ? 'cursor-default' : '' }`} /> @@ -2306,8 +2302,7 @@ export const WorkspaceView: React.FC = ({ onBlur={() => resetIdleTimer()} onChange={(e) => handleContentChange(block, e.target.value)} onKeyDown={(e) => handleKeyDown(e, block, originalIndex)} - placeholder={isReadOnly ? '' : 'Wichtiger Hinweis… (/ für Befehle)'} - className={`w-full bg-transparent text-xs text-main focus:outline-none resize-none placeholder:text-faint ${ + className={`w-full bg-transparent text-xs text-main focus:outline-none resize-none ${ isReadOnly ? 'cursor-default' : '' }`} /> @@ -2328,8 +2323,7 @@ export const WorkspaceView: React.FC = ({ onBlur={() => resetIdleTimer()} onChange={(e) => handleContentChange(block, e.target.value)} onKeyDown={(e) => handleKeyDown(e, block, originalIndex)} - placeholder={isReadOnly ? '' : '// Code oder Kommando…'} - className={`w-full bg-transparent text-xs font-mono text-main focus:outline-none resize-none placeholder:text-faint ${ + className={`w-full bg-transparent text-xs font-mono text-main focus:outline-none resize-none ${ isReadOnly ? 'cursor-default' : '' }`} /> @@ -2353,7 +2347,6 @@ export const WorkspaceView: React.FC = ({ onBlur={() => resetIdleTimer()} onChange={(e) => handleContentChange(block, e.target.value)} onKeyDown={(e) => handleKeyDown(e, block, originalIndex)} - placeholder="| Spalte 1 | Spalte 2 |\n|---|---|\n| Inhalt | Wert |" className={`w-full bg-transparent font-mono text-xs text-main focus:outline-none resize-none ${ isReadOnly ? 'cursor-default' : '' }`}