fix: align German online backup controls
Use compact German key labels and a shared fixed label column so both online-backup inputs and actions align consistently across languages. Restore the narrow one-column breakpoint after later settings overrides and cover translations plus real hidden CSS geometry.
This commit is contained in:
+2
-2
@@ -4872,12 +4872,12 @@ function renderSettings() {
|
||||
<span class="hint">Jeder Export erzeugt einen neuen Schlüssel. Ältere Schlüssel bleiben gültig.</span>
|
||||
</div>
|
||||
<div class="online-backup-key-row">
|
||||
<label for="onlineBackupKeyOutput">Dein neuer Schlüssel</label>
|
||||
<label for="onlineBackupKeyOutput">Neuer Schlüssel</label>
|
||||
<input type="text" class="key-input" id="onlineBackupKeyOutput" readonly spellcheck="false" autocomplete="off" placeholder="Nach dem Export erscheint hier der 75-stellige Schlüssel">
|
||||
<button class="btn btn-secondary" id="copyOnlineBackupKeyBtn" disabled>Kopieren</button>
|
||||
</div>
|
||||
<div class="online-backup-key-row">
|
||||
<label for="onlineBackupKeyInput">Vorhandenen Schlüssel importieren</label>
|
||||
<label for="onlineBackupKeyInput">Schlüssel importieren</label>
|
||||
<input type="password" class="key-input" id="onlineBackupKeyInput" maxlength="75" pattern="MHU2-[A-Za-z0-9_-]{70}" spellcheck="false" autocomplete="off" placeholder="MHU2-…">
|
||||
<button class="btn btn-secondary" id="restoreOnlineBackupBtn" disabled>Online importieren</button>
|
||||
</div>
|
||||
|
||||
@@ -309,7 +309,9 @@
|
||||
['Neuen Schlüssel erzeugen', 'Generate new key'],
|
||||
['Jeder Export erzeugt einen neuen Schlüssel. Ältere Schlüssel bleiben gültig.', 'Each export creates a new key. Older keys remain valid.'],
|
||||
['Dein neuer Schlüssel', 'Your new key'],
|
||||
['Neuer Schlüssel', 'Your new key'],
|
||||
['Vorhandenen Schlüssel importieren', 'Import existing key'],
|
||||
['Schlüssel importieren', 'Import existing key'],
|
||||
['Online importieren', 'Import online'],
|
||||
['Behandle den Schlüssel wie ein Passwort. Wer ihn besitzt, kann die verschlüsselten Einstellungen entschlüsseln.', 'Treat the key like a password. Anyone who has it can decrypt the encrypted settings.'],
|
||||
['Lokales Datei-Backup', 'Local file backup'],
|
||||
|
||||
+8
-2
@@ -1896,7 +1896,7 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; }
|
||||
|
||||
.online-backup-key-row {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(170px, auto) minmax(240px, 1fr) auto;
|
||||
grid-template-columns: 150px minmax(240px, 1fr) auto;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -3603,7 +3603,13 @@ input[type="checkbox"] {
|
||||
}
|
||||
|
||||
.online-backup-key-row {
|
||||
grid-template-columns: minmax(140px, auto) minmax(180px, 1fr) auto;
|
||||
grid-template-columns: 150px minmax(180px, 1fr) auto;
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
.online-backup-key-row {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
#settings-view {
|
||||
|
||||
Reference in New Issue
Block a user