No description
Find a file
isUnknown f9e9e65712 feat: add element hover label and refactor to use CSS classes
Add visual feedback for hovered elements:
- Display element selector label (e.g., "p", "h1.title") on hover
- Label positioned at top-left of element with 30% opacity

Refactor all hover/selection styles to use CSS classes instead of inline styles:
- .page-hovered, .page-selected for page states
- .element-hovered, .element-selected for element states
- .element-hover-label for the floating label

This improves maintainability and separation of concerns by moving
styling logic to CSS files instead of JavaScript.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-08 16:26:39 +01:00
.vscode init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
public feat: add element hover label and refactor to use CSS classes 2025-12-08 16:26:39 +01:00
src feat: add element hover label and refactor to use CSS classes 2025-12-08 16:26:39 +01:00
.gitignore init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
claude.md init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
index.html init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
package-lock.json feat: add automatic CSS formatting with Prettier 2025-12-05 16:23:42 +01:00
package.json feat: add automatic CSS formatting with Prettier 2025-12-05 16:23:42 +01:00
README.md init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
vite.config.js init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.