Auge zum Ein-/Ausblenden bei Kennwort und Access Token
Kennwort- und Access-Token-Feld haben jetzt ein Augen-Symbol, mit dem die Eingabe sichtbar gemacht und kontrolliert werden kann. Umgesetzt ueber ein wiederverwendbares pw_field-Macro (gilt fuer Einzel- und Bulk-Formular). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -25,6 +25,10 @@
|
||||
input:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
|
||||
textarea { padding: 0.5rem 0.75rem; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.85rem; width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; resize: vertical; }
|
||||
textarea:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
|
||||
.pw-wrap { position: relative; }
|
||||
.pw-wrap input { padding-right: 2.5rem; }
|
||||
.pw-toggle { position: absolute; top: 50%; right: 0.5rem; transform: translateY(-50%); background: none; border: none; padding: 0.25rem; cursor: pointer; color: #6b7280; display: flex; align-items: center; }
|
||||
.pw-toggle:hover { color: #374151; }
|
||||
.btn { padding: 0.5rem 1rem; border: none; border-radius: 6px; font-size: 0.85rem; cursor: pointer; font-weight: 500; }
|
||||
.btn-primary { background: #2563eb; color: #fff; }
|
||||
.btn-primary:hover { background: #1d4ed8; }
|
||||
|
||||
Reference in New Issue
Block a user