fixes in ux

This commit is contained in:
Mateusz Gruszczyński
2026-07-20 23:10:53 +02:00
parent 94a8907f02
commit f5292aefd6
7 changed files with 49 additions and 17 deletions
+13
View File
@@ -259,3 +259,16 @@ dialog::backdrop { background: rgba(4,6,9,.82); }
.line-owner-label { position: absolute; left: 7px; top: 50%; max-width: 88px; overflow: hidden; padding: 2px 6px; border: 1px solid color-mix(in srgb, var(--owner) 65%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--owner) 18%, #0d1015); color: #eef1f5; font: 600 10px/1.2 system-ui, sans-serif; text-overflow: ellipsis; white-space: nowrap; transform: translateY(-50%); }
@media (min-width: 721px) { .line-gutter { width: 132px; } }
@media (max-width: 720px) { .line-owner-label { display: none; } }
/* Compact line numbers; author labels sit over the edited text, not in the gutter. */
.line-gutter { width: 48px; }
.line-gutter div { position: static; }
.owner-labels { position: absolute; z-index: 2; top: 0; right: 12px; left: 48px; height: 100%; overflow: hidden; pointer-events: none; }
.owner-label { position: absolute; right: 8px; max-width: min(180px, 45%); overflow: hidden; padding: 2px 7px; border: 1px solid color-mix(in srgb, var(--owner) 62%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--owner) 18%, #0d1015); color: #eef1f5; font: 600 10px/1.25 system-ui, sans-serif; opacity: .82; text-overflow: ellipsis; white-space: nowrap; }
.hide-line-numbers .owner-labels { left: 0; }
.line-owner-label { display: none !important; }
@media (min-width: 721px) { .line-gutter { width: 48px; } }
@media (max-width: 720px) { .line-gutter { width: 42px; } .owner-labels { left: 42px; right: 4px; } }
/* The rust gradient belongs only to the wordmark. */
.home-header { background: transparent; }