gru/rustpad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes in ux

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-07-20 22:58:41 +02:00
parent 4361230c8b
commit 94a8907f02
9 changed files with 60 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/styles.css
+15 -4
View File
@@ -244,7 +244,18 @@ dialog::backdrop { background: rgba(4,6,9,.82); }
/* Layout safeguards and home footer */
.app-header__main, .document-heading { min-width: 0; }
.document-url { overflow-wrap: anywhere; }
.site-footer { width: min(1040px, calc(100% - 32px)); margin: -36px auto 28px; color: var(--muted-2); font-size: .76rem; text-align: center; }
.site-footer a { color: var(--muted); text-decoration: none; }
.site-footer a:hover { color: white; }
@media (max-width: 760px) { .site-footer { width: min(100% - 24px, 560px); margin-top: -20px; } }
.home-page { display: flex; min-height: 100vh; flex-direction: column; }
.home-page .home-layout { flex: 1 0 auto; }
.home-footer { flex: 0 0 auto; width: min(1040px, calc(100% - 32px)); margin: auto auto 28px; padding-top: 24px; color: var(--muted-2); font-size: .76rem; text-align: center; }
.home-footer a { color: var(--muted); text-decoration: none; }
.home-footer a:hover { color: white; }
.home-header { border-bottom-color: rgba(195, 91, 54, .28); background: linear-gradient(135deg, rgba(126, 48, 27, .28), rgba(51, 25, 18, .08) 58%, transparent); }
.home-brand { background: linear-gradient(110deg, #f0aa74 0%, #cf633d 48%, #8f3827 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (max-width: 760px) { .home-footer { width: min(100% - 24px, 560px); margin-bottom: 20px; } }
/* Show an author once at the start of each contiguous ownership block. */
.line-gutter div { position: relative; }
.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; } }