studio-variable/geoproject-app
4
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

feat: add page template hover label

Browse source 
Add visual feedback for hovered page templates:
- Display "@page {templateName}" label on page edge hover
- Label positioned at top-left of page with 30% opacity
- Orange background matching page highlight color
- Automatically removed when hovering elements or clicking

Ensures consistent UX between page and element hover states.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
isUnknown 2025-12-08 16:41:13 +01:00
parent 5b5c65722b
commit 446b6cd9e7
2 changed files with 70 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
public/assets/css/pagedjs-interface.css
View file

@ -178,6 +178,20 @@
font-family: sans-serif;
}
.page-hover-label {
position: absolute;
background: #ff8a50;
color: white;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-size: 0.875rem;
font-weight: 600;
opacity: 0.3;
pointer-events: none;
z-index: 9999;
font-family: sans-serif;
}
/* Marks (to delete when merge in paged.js) */
.pagedjs_marks-crop {