diff options
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/style.css | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index 7c36ed7..e012a1a 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -830,6 +830,32 @@ input[type="email"] { } input:focus { outline: none; border-color: var(--border-focus); } +/* A reveal button inside the field rather than beside it. The input reserves + the room on its right, so a passphrase long enough to scroll ends under the + button instead of behind it. The `background: none` pair is not redundant: + the bare `button` rules just below paint every button with the accent colour + on rest and on hover, and this one has to stay part of the field. */ +.pw-field { position: relative; display: flex; } +.pw-field input { padding-right: 40px; } +.pw-toggle { + position: absolute; + top: 0; + right: 4px; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 32px; + padding: 0; + background: none; + border: none; + border-radius: 6px; + color: var(--text-dim); + font-size: 1.15em; + cursor: pointer; +} +.pw-toggle:hover { background: none; color: var(--text); } + button { padding: 10px 20px; background: var(--accent); |