Files
parenthese/frontend/src/components/Galaxy.css
T
IliesAllaliandClaude Opus 5 e8e2485dcd Parenthèse
Galaxie familiale : personnes, unions et filiations, photos, vidéos et voix sur chaque personne,
partage par lien avec consultation sans compte et contributions validées par le propriétaire.
Auto-hébergeable avec Docker. Licence PolyForm Noncommercial 1.0.0.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-14 15:49:05 +02:00

46 lines
1.1 KiB
CSS

.galaxy-canvas {
cursor: default;
display: block;
touch-action: none;
-ms-touch-action: none;
overscroll-behavior: contain;
}
/* ============================================================
Overlay label lien de parenté — taille fixe, bas-centre
============================================================ */
.path-label-overlay {
position: fixed;
bottom: 88px;
left: 50%;
transform: translateX(-50%);
z-index: 500;
background: rgba(93, 82, 75, 0.88);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: #FEF9ED;
font-size: 14px;
font-weight: 500;
font-family: "Red Hat Mono", ui-monospace, monospace;
padding: 8px 20px;
border-radius: 20px;
white-space: nowrap;
pointer-events: none;
animation: pathLabelIn 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes pathLabelIn {
from { opacity: 0; transform: translateX(-50%) translateY(6px) scale(0.95); }
to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
}
@media (max-width: 768px) {
.path-label-overlay {
bottom: 76px;
font-size: 13px;
}
}