js snippet displays dynamic ellipsis on loading-style token gatekeeper modals; tweaks to existing pythonic & test structure to accomodate
This commit is contained in:
@@ -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),
|
||||
;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user