fixes in ux
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user