fix: remove duplicate native tooltip on view-mode buttons

Author: ijbo

changelogs/CHANGELOG-tooltip-fix.md

@@ -0,0 +1,9 @@
+# Fix: Remove duplicate hover tooltips on view mode buttons
+
+## Changes
+- Removed `title` attributes from Split, Preview, PPT, and Page view-mode buttons in the header
+- These buttons already have a custom CSS tooltip (`:hover>span`) defined in `css/view-mode.css`, so the native browser `title` tooltip was causing a duplicate white tooltip to appear on hover
+- The Editor button retains its `title` since it always shows its label text inline
+
+## Files Modified
+- `index.html` — removed `title` attrs from 4 view-mode buttons

index.html

@@ -174,19 +174,19 @@
                         <i class="bi bi-file-text"></i>
                         <span>Editor</span>
                     </button>
-                    <button class="view-mode-btn active" data-mode="split" aria-pressed="true" title="Split view">
+                    <button class="view-mode-btn active" data-mode="split" aria-pressed="true">
                         <i class="bi bi-layout-split"></i>
                         <span>Split</span>
                     </button>
-                    <button class="view-mode-btn" data-mode="preview" aria-pressed="false" title="Preview only">
+                    <button class="view-mode-btn" data-mode="preview" aria-pressed="false">
                         <i class="bi bi-eye"></i>
                         <span>Preview</span>
                     </button>
-                    <button class="view-mode-btn" data-mode="ppt" aria-pressed="false" title="Presentation view">
+                    <button class="view-mode-btn" data-mode="ppt" aria-pressed="false">
                         <i class="bi bi-easel"></i>
                         <span>PPT</span>
                     </button>
-                    <button class="view-mode-btn" data-mode="page" aria-pressed="false" title="Page view (A4)">
+                    <button class="view-mode-btn" data-mode="page" aria-pressed="false">
                         <i class="bi bi-file-earmark-richtext"></i>
                         <span>Page</span>
                     </button>