Quellcode durchsuchen

Remove the app title from the header

The window title already names the app. Hide the "mpckit" heading
visually (screen readers keep it) so the project name starts at the
left, and show the "Project name" label at every width.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude vor 1 Tag
Ursprung
Commit
ff181d630f

+ 9 - 16
frontend/src/App.svelte

@@ -116,7 +116,7 @@
 
 <div class="page">
   <header>
-    <h1>mpckit</h1>
+    <h1 class="visually-hidden">mpckit</h1>
     <div class="name">
       <label class="eyebrow" for="project-name">Project name</label>
       <input id="project-name" type="text" value={st?.name ?? ""} spellcheck="false" autocomplete="off" onchange={rename} />
@@ -223,12 +223,15 @@
     flex-direction: column;
     gap: 12px;
   }
-  h1 {
+  /* The app's name is in the window title; the heading stays for screen readers. */
+  .visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
     margin: 0;
-    font-family: var(--display);
-    font-weight: 700;
-    font-size: 24px;
-    letter-spacing: 0.02em;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
   }
   .about-link {
     min-height: 40px;
@@ -331,16 +334,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
-  /* Narrow window: drop the visible name label (the input keeps it). */
-  @media (max-width: 1100px) {
-    .name label {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      overflow: hidden;
-      clip-path: inset(50%);
-    }
-  }
   /* Short window: give the grid the hint's lines. */
   @media (max-height: 600px) {
     .grid-hint {

+ 4 - 0
pull-requests/m9-packaging/m9-icon-version-and-install-notes.md

@@ -20,6 +20,8 @@ M9 is "icons, version stamping, builds for the three systems, README with instal
 
 **Change after the first laptop run** (bajdev, 2026-11-12: the Windows build runs): About showed the commit id instead of 0.5.0, because the first version of the stamping used `git describe --tags` and there are no tags yet. It now shows the version from the Taskfile, with the commit on its own "Build" line.
 
+**Header change** (bajdev, 2026-11-12): the "mpckit" title next to the project name isn't needed (the window title already says mpckit). The visible title is removed, so "Project name" and its input start at the left. The title stays as a heading for screen readers. With the extra room, the "Project name" label now shows at every window width (it used to hide below 1100px).
+
 ## Testing
 
 On the server:
@@ -32,6 +34,8 @@ On the server:
 1. `wails3 build` produces `bin\mpckit.exe`. Explorer, the taskbar and the window show the new icon (Windows caches icons; if Explorer still shows the old one, rename the file or sign out and back in).
 2. Run `bin\mpckit.exe` and open About: "Version 0.5.0", then "Build <commit>".
 3. Right-click `mpckit.exe` → Properties → Details: product name mpckit, version 0.5.0, copyright (c) 2026 bajdev.
+4. The header starts with "Project name" and its input at the left, with no "mpckit" title, at the default size and at the smallest window size.
+5. `npm run check` in `frontend`: 0 errors, 0 warnings.
 
 ## Next (M9 part 2)