gioser-web: draggable graph nodes, fixed controls, history.pushState routing
- Graph: nodes are draggable via pointer events. Snap back with spring transition on release (cubic-bezier 0.34,1.56,0.64,1) - Removed hover bounce animation (was distracting) - Page controls (minimize/close): now fixed position in viewport (top-right, z-index 100), not inside the deck-page scroll area. Created once in sync_page_controls() on show/hide deck. Controls detect active page when data-minimize/close-page is empty. - Hash routing → history.pushState: URLs are /estudio/aire etc. popstate listener handles back/forward. Initial path read on boot. - Added PointerEvent feature to gioser-graph-web Cargo.toml - Added History feature to gioser-web Cargo.toml
This commit is contained in:
@@ -254,14 +254,21 @@ body.deck-active-tierra .deck { --deck-glow: rgba(212, 152, 115, 0.24); }
|
||||
to { opacity: 0.80; }
|
||||
}
|
||||
|
||||
/* Head + controls */
|
||||
/* Head + controls — fijos en el deck, no dentro de la página */
|
||||
.page-controls {
|
||||
position: absolute;
|
||||
top: 1.8vh;
|
||||
right: 1.8vw;
|
||||
z-index: 5;
|
||||
position: fixed;
|
||||
top: 1.2rem;
|
||||
right: 1.2rem;
|
||||
z-index: 100;
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.deck--visible .page-controls {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.page-control-btn {
|
||||
width: 40px;
|
||||
|
||||
Reference in New Issue
Block a user