kleine Umbenennungen

math-tutor/frontend/src/components/Canvas/CanvasToggle.tsx

@@ -11,7 +11,7 @@ export default function CanvasToggle({
 }: CanvasToggleProps) {
   return (
     <button className="btn" type="button" onClick={onToggle}>
-      {isVisible ? t("hide") : t("show")}
+      {isVisible ? t("cancel") : t("show")}
     </button>
   );
 }

math-tutor/frontend/src/components/Chat/MessageInput.tsx

@@ -282,6 +282,7 @@ export default function MessageInput({
       attributes: {
         class: "tiptap composer-editor",
         "aria-label": t("typeQuestionOrLatex"),
+        "data-placeholder": t("typeQuestionOrLatex"),
       },
       handleKeyDown(_view, event) {
         const currentEditor = editorRef.current;
@@ -482,7 +483,7 @@ export default function MessageInput({
           />
           <div className="dialog-actions">
             <button className="btn" value="cancel" type="submit">
-              {t("hide")}
+              {t("cancel")}
             </button>
             <button className="btn primary" value="save" type="submit">
               {t("formula")}

math-tutor/frontend/src/i18n.ts

@@ -6,14 +6,14 @@
     chat: "Chat",
     canvas: "Canvas",
     retrievedNotes: "Retrieved Notes",
-    typeQuestionOrLatex: "Type your question or paste LaTeX...",
+    typeQuestionOrLatex: "Input caculations with $",
     noResultsYet: "No results yet.",
     eraser: "Eraser",
     pen: "Pen",
     clear: "Clear",
     saveAndConvert: "Save + Convert",
     uploadSolution: "Upload solution image",
-    hide: "Hide",
+    cancel: "cancel",
     show: "Show",
     newChat: "New Chat",
     loading: "Loading...",
@@ -105,15 +105,14 @@
     chat: "Chat",
     canvas: "Canvas",
     retrievedNotes: "Quellen",
-    typeQuestionOrLatex:
-      "Gebe hier deine Frage ein. Nutze $ $ für mathematische Eingaben...",
+    typeQuestionOrLatex: "Rechungen eingeben mit $",
     noResultsYet: "bisher keine Quellen",
     eraser: "Radierer",
     pen: "Stift",
     clear: "Leeren",
     saveAndConvert: "Speichern + Konvertieren",
     uploadSolution: "Lösungsbild hochladen",
-    hide: "Verstecken",
+    cancel: "Abbrechen",
     show: "Anzeigen",
     newChat: "neuer Chat",
     loading: "Lade...",
@@ -138,7 +137,7 @@
     inspect: "Ansehen",
     cite: "Zitieren",
     draw: "Zeichnen",
-    formula: "Formel einfuegen",
+    formula: "Formel einfügen",
     tip: "Tip",
     revealSolution: "Lösung",
     send: "Senden",

math-tutor/frontend/src/styles/theme.css

@@ -571,6 +571,7 @@ body {
 }
 
 .composer-editor {
+  position: relative;
   min-height: 92px;
   width: 100%;
   border-radius: 12px;
@@ -586,6 +587,13 @@ body {
   margin: 0;
 }
 
+.composer-editor:has(> p:only-child > br.ProseMirror-trailingBreak)::before {
+  content: attr(data-placeholder);
+  position: absolute;
+  color: #8b857b;
+  pointer-events: none;
+}
+
 .composer-editor:focus {
   border-color: #1d1b16;
   box-shadow: 0 0 0 2px rgba(29, 27, 22, 0.08);