js snippet displays dynamic ellipsis on loading-style token gatekeeper modals; tweaks to existing pythonic & test structure to accomodate

This commit is contained in:
Disco DeDisco
2026-03-14 01:14:05 -04:00
parent d780115515
commit d9feb80b2a
4 changed files with 44 additions and 5 deletions

View File

@@ -38,11 +38,23 @@ $gate-line: 2px;
.gate-header {
text-align: center;
h1 { margin: 0; }
.gate-status {
.gate-status-wrap {
display: flex;
justify-content: center;
align-items: baseline;
opacity: 0.5;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 0.15em;
.status-dots {
display: inline-flex;
span {
display: inline-block;
width: 0.5em;
text-align: center;
}
}
}
}
@@ -88,11 +100,19 @@ $gate-line: 2px;
height: 100%;
background: transparent;
border: none;
box-shadow:
0.05rem 0.05rem 0.5rem rgba(0, 0, 0, 1),
;
font-size: 0;
cursor: pointer;
&:hover {
background: rgba(var(--terUser), 0.15);
background: rgba(var(--quaUser), 0.15);
box-shadow:
-0.1rem -0.1rem 1rem rgba(var(--ninUser), 1),
-0.1rem -0.1rem 0.25rem rgba(0, 0, 0, 1),
0.05rem 0.05rem 0.5rem rgba(0, 0, 0, 1),
;
}
}
}