hugo/bDS2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: parity in behaviour for scripts, templates and posts

Browse Source
This commit is contained in:
Chili Palmer
2026-05-02 19:50:13 +02:00
parent 73e066c330
commit 2be751400d
8 changed files with 331 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
priv/ui/app.css
View File

@@ -899,7 +899,9 @@ button svg * {
border-bottom: 1px solid var(--vscode-panel-border);
}
.post-editor.editor {
.post-editor.editor,
.scripts-view-shell.editor,
.templates-view-shell.editor {
flex: 1;
display: flex;
flex-direction: column;
@@ -907,7 +909,9 @@ button svg * {
overflow: hidden;
}
.post-editor .editor-header {
.post-editor .editor-header,
.scripts-view-shell.editor .editor-header,
.templates-view-shell.editor .editor-header {
display: flex;
align-items: center;
justify-content: space-between;
@@ -918,14 +922,18 @@ button svg * {
border-bottom: 1px solid var(--vscode-panel-border);
}
.post-editor .editor-tabs {
.post-editor .editor-tabs,
.scripts-view-shell.editor .editor-tabs,
.templates-view-shell.editor .editor-tabs {
display: flex;
align-items: center;
gap: 2px;
min-width: 0;
}
.post-editor .editor-tab {
.post-editor .editor-tab,
.scripts-view-shell.editor .editor-tab,
.templates-view-shell.editor .editor-tab {
display: flex;
align-items: center;
gap: 6px;
@@ -937,12 +945,16 @@ button svg * {
border-radius: 4px 4px 0 0;
}
.post-editor .editor-tab.active {
.post-editor .editor-tab.active,
.scripts-view-shell.editor .editor-tab.active,
.templates-view-shell.editor .editor-tab.active {
background-color: var(--vscode-tab-activeBackground);
color: var(--vscode-tab-activeForeground);
}
.post-editor .editor-tab-title {
.post-editor .editor-tab-title,
.scripts-view-shell.editor .editor-tab-title,
.templates-view-shell.editor .editor-tab-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
@@ -960,7 +972,9 @@ button svg * {
white-space: nowrap;
}
.post-editor .editor-actions {
.post-editor .editor-actions,
.scripts-view-shell.editor .editor-actions,
.templates-view-shell.editor .editor-actions {
display: flex;
align-items: center;
gap: 8px;
@@ -1047,7 +1061,9 @@ button svg * {
opacity: 0.7;
}
.post-editor .status-badge {
.post-editor .status-badge,
.scripts-view-shell.editor .status-badge,
.templates-view-shell.editor .status-badge {
padding: 2px 8px;
border-radius: 10px;
font-size: 11px;
@@ -1055,17 +1071,23 @@ button svg * {
text-transform: uppercase;
}
.post-editor .status-badge.status-draft {
.post-editor .status-badge.status-draft,
.scripts-view-shell.editor .status-badge.status-draft,
.templates-view-shell.editor .status-badge.status-draft {
background-color: rgba(204, 167, 0, 0.2);
color: var(--vscode-notificationsWarningIcon-foreground, var(--vscode-editorWarning-foreground));
}
.post-editor .status-badge.status-published {
.post-editor .status-badge.status-published,
.scripts-view-shell.editor .status-badge.status-published,
.templates-view-shell.editor .status-badge.status-published {
background-color: rgba(115, 201, 145, 0.2);
color: var(--vscode-testing-iconPassed);
}
.post-editor .status-badge.status-archived {
.post-editor .status-badge.status-archived,
.scripts-view-shell.editor .status-badge.status-archived,
.templates-view-shell.editor .status-badge.status-archived {
background-color: rgba(133, 133, 133, 0.2);
color: var(--vscode-descriptionForeground);
}
@@ -1668,6 +1690,8 @@ button svg * {
@media (max-width: 980px) {
.post-editor .editor-header,
.scripts-view-shell.editor .editor-header,
.templates-view-shell.editor .editor-header,
.post-editor .metadata-toggle-header,
.post-editor .editor-toolbar {
display: flex;
@@ -1686,7 +1710,9 @@ button svg * {
}
.post-editor .editor-toolbar-right,
.post-editor .editor-actions {
.post-editor .editor-actions,
.scripts-view-shell.editor .editor-actions,
.templates-view-shell.editor .editor-actions {
justify-content: flex-start;
}
}