christophe/chesscubing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajuste le maintien de demarrage du cube

Browse Source
This commit is contained in:
Christophe JEANNEROT
2026-04-12 19:43:31 +02:00
parent 2dc41cc758
commit a6e007762d
2 changed files with 90 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
styles.css
View File

@@ -711,9 +711,38 @@ textarea:focus {
}
body[data-page="cube"] .zone-button {
position: relative;
overflow: hidden;
touch-action: none;
-webkit-user-select: none;
user-select: none;
--cube-hold-progress: 0;
}
body[data-page="cube"] .zone-button::before,
body[data-page="cube"] .zone-button::after {
content: "";
position: absolute;
left: 1rem;
right: 1rem;
bottom: 0.9rem;
height: 0.38rem;
border-radius: 999px;
pointer-events: none;
}
body[data-page="cube"] .zone-button::before {
background: rgba(255, 255, 255, 0.12);
opacity: 0;
transition: opacity 120ms ease;
}
body[data-page="cube"] .zone-button::after {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.4), currentColor);
transform: scaleX(var(--cube-hold-progress));
transform-origin: left center;
opacity: 0;
transition: opacity 120ms ease;
}
body[data-page="cube"] .zone-button.cube-hold-arming {
@@ -722,6 +751,13 @@ body[data-page="cube"] .zone-button.cube-hold-arming {
box-shadow: inset 0 0 0 1px currentColor;
}
body[data-page="cube"] .zone-button.cube-hold-arming::before,
body[data-page="cube"] .zone-button.cube-hold-arming::after,
body[data-page="cube"] .zone-button.cube-hold-ready::before,
body[data-page="cube"] .zone-button.cube-hold-ready::after {
opacity: 1;
}
body[data-page="cube"] .zone-button.cube-hold-ready {
transform: none;
filter: brightness(1.08);
@@ -730,6 +766,10 @@ body[data-page="cube"] .zone-button.cube-hold-ready {
0 0 24px rgba(255, 255, 255, 0.08);
}
body[data-page="cube"] .zone-button.cube-hold-ready::after {
transform: scaleX(1);
}
.zone-button:hover {
transform: translateY(-2px);
filter: brightness(1.04);