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 23:29:50 +02:00
parent 867e2be96b
commit 9afaa3dc60
5 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/styles.css
+4 -2
View File
@@ -209,7 +209,7 @@ dialog::backdrop { background: rgba(4,6,9,.82); }
/* Collaborative editor additions */
.editor-shell { display: grid; grid-template-columns: auto minmax(0, 1fr); min-height: 0; overflow: hidden; background: #0d1015; }
.line-gutter { width: 62px; overflow: hidden; padding: 24px 8px 24px 0; border-right: 1px solid var(--border); color: var(--muted-2); font: 400 17px/1.72 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: right; user-select: none; }
.line-gutter div { height: 1.72em; padding-right: 8px; border-right: 3px solid var(--owner, transparent); }
.line-gutter div { height: 1.72em; padding-right: 8px; }
.hide-line-numbers .editor-shell { grid-template-columns: 0 minmax(0, 1fr); }
.hide-line-numbers .line-gutter { width: 0; padding: 0; border: 0; }
.editor-shell textarea { padding-left: 18px; }
@@ -276,7 +276,7 @@ dialog::backdrop { background: rgba(4,6,9,.82); }
/* Editor display preferences and author overlay */
.editor-shell { position: relative; }
.owner-labels { z-index: 4; top: 0; bottom: 0; height: auto; }
.owner-line { position: absolute; right: 0; left: 0; height: var(--editor-line-height, 31px); border-left: 3px solid var(--owner); background: linear-gradient(90deg, color-mix(in srgb, var(--owner) 8%, transparent), transparent 24%); }
.owner-line { position: absolute; right: 0; left: 0; height: var(--editor-line-height, 31px); border-left: 3px solid var(--owner); background: transparent; }
.owner-label { z-index: 1; transform: translateY(2px); }
.editor-controls { display: inline-flex; align-items: center; gap: 7px; }
.editor-controls label { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: .72rem; }
@@ -291,3 +291,5 @@ dialog::backdrop { background: rgba(4,6,9,.82); }
.compact-editor textarea, .compact-editor .preview { padding-top: 14px; padding-bottom: 14px; font-size: calc(var(--editor-font-size, 18px) - 2px); line-height: 1.45; }
.workspace textarea, .workspace .preview { font-size: var(--editor-font-size, 18px); }
@media (max-width: 900px) { .editor-controls { order: 3; width: 100%; } .editor-toolbar { flex-wrap: wrap; } }
.editor-shell textarea { white-space: pre; overflow: auto; overflow-wrap: normal; word-break: normal; }