diff --git a/templates/repo/migrate/ssh_options.tmpl b/templates/repo/migrate/ssh_options.tmpl index 49605dfcc6..8cc1f34b6b 100644 --- a/templates/repo/migrate/ssh_options.tmpl +++ b/templates/repo/migrate/ssh_options.tmpl @@ -8,8 +8,8 @@
- {{ctx.Locale.Tr "repo.migrate.ssh_key_owner_personal" .SignedUser.Name}} - {{.SignedUserSSHFingerprint}} + {{ctx.Locale.Tr "repo.migrate.ssh_key_owner_personal" .SignedUser.Name}} + {{.SignedUserSSHFingerprint}}
-
- {{ctx.Locale.Tr "repo.migrate.ssh_key_owner_org_default"}} - -
+ {{ctx.Locale.Tr "repo.migrate.ssh_key_owner_org_default"}} +
-
- {{ctx.Locale.Tr "repo.migrate.ssh_key_owner_personal" .SignedUser.Name}} - {{.SignedUserSSHFingerprint}} -
+ {{ctx.Locale.Tr "repo.migrate.ssh_key_owner_personal" .SignedUser.Name}} + {{.SignedUserSSHFingerprint}}
diff --git a/web_src/css/repo.css b/web_src/css/repo.css index f3dade44ea..08be8b9673 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -1968,6 +1968,56 @@ tbody.commit-list { height: 4em; } +/* SSH key authentication UI on the repository migration form. + The fingerprint reads as secondary metadata beneath the key label — + small monospace muted text, never an inline-code chip. + All rules are scoped to .ssh-key-fingerprint-only / .ssh-key-owner-selector + so nothing leaks into the global stylesheet. */ + +.ssh-key-fingerprint-only .inline-right { + gap: 2px; +} + +.ssh-key-fingerprint-only .ssh-key-label, +.ssh-key-owner-selector .ssh-key-label { + line-height: 1.4; +} + +.ssh-key-fingerprint-only .ssh-key-fingerprint, +.ssh-key-owner-selector .ssh-key-fingerprint { + font-family: var(--fonts-monospace); + font-size: 11.5px; + line-height: 1.4; + color: var(--color-text-light-2); + background: transparent !important; + padding: 0 !important; + border: 0 !important; + letter-spacing: 0.01em; + word-break: break-all; +} + +.ssh-key-owner-selector .menu > .item { + padding: 10px 14px !important; + margin: 0 !important; + border: 0 !important; + border-radius: 0 !important; + box-sizing: border-box; + width: 100%; +} + +.ssh-key-owner-selector .menu > .item + .item { + border-top: 1px solid var(--color-secondary) !important; +} + +.ssh-key-owner-selector .menu > .item > .ssh-key-label, +.ssh-key-owner-selector .menu > .item > .ssh-key-fingerprint { + display: block; +} + +.ssh-key-owner-selector .menu > .item > .ssh-key-fingerprint { + margin-top: 2px; +} + .ssh-key-owner-selector .item-fingerprint:empty { display: none; }