poslop/palette
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Split new-paste editor header into title pill and settings pill (#147)
CI / test (pull_request) Successful in 30s
Details
CI / docker (pull_request) Skipped
Details

Browse Source
This commit is contained in:
fen
2026-09-09 22:58:41 -05:00
parent 24482abccc
commit da9039b606
2 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/static/app.css
+15 -1
View File
@@ -127,8 +127,19 @@ body {
.pane-l-col { display: flex; flex-direction: column; gap: 14px; min-height: 0; }
.pane-l-head { flex-shrink: 0; }
.editor-head {
display: flex; align-items: center; gap: 12px; padding: 12px 16px;
display: flex; align-items: stretch; gap: 12px; padding: 12px 16px;
}
/* #147: title lives in its own pill; select+refresh stay paired in a second pill */
.editor-head-title,
.editor-head-settings {
display: flex; align-items: center; gap: 8px;
background: var(--surface-2); border: 1px solid var(--border);
border-radius: var(--radius); padding: 6px 10px;
}
.editor-head-title { flex: 1; min-width: 0; }
.editor-head-settings { flex: 0 0 fit-content; }
.editor-head-title:focus-within,
.editor-head-settings:focus-within { border-color: var(--accent); }
.editor-head input {
border: none; outline: none; background: transparent; color: var(--fg); font: inherit; font-size: 23.2px; flex: 1;
}
@@ -519,8 +530,11 @@ a.admin-link:hover { color: var(--fg); text-decoration: underline; }
.editor-wrap { min-height: 45vh; }
.editor { font-size: 15px; }
.gutter { font-size: 15px; }
.editor-head { flex-wrap: wrap; }
.editor-head-title { flex: 1 1 100%; }
.editor-head input { min-width: 0; font-size: 16px; }
.editor-head select { max-width: 120px; font-size: 14px; }
.editor-head-title, .editor-head-settings { padding: 4px 8px; }
.actionbar { flex-wrap: wrap; }
.actionbar .btn { padding: 12px 22px; }
.hint { font-size: 13px; }