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

feat: delete buttons on sidebar entries

Browse Source
This commit is contained in:
Chili Palmer
2026-05-02 09:15:54 +02:00
parent c118412f56
commit 07fab7d1ab
4 changed files with 522 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
priv/ui/app.css
View File

@@ -6819,6 +6819,11 @@ button svg * {
flex-direction: column;
}
.sidebar-item-row {
display: flex;
align-items: stretch;
}
.sidebar-item {
width: 100%;
display: flex;
@@ -6921,6 +6926,12 @@ button svg * {
padding: 4px;
}
.media-item-row {
display: flex;
align-items: stretch;
gap: 4px;
}
.media-item {
display: flex;
align-items: center;
@@ -7004,6 +7015,12 @@ button svg * {
color: var(--vscode-descriptionForeground);
}
.sidebar-item-row .sidebar-item,
.media-item-row .media-item {
flex: 1;
min-width: 0;
}
.sidebar-actions {
display: flex;
gap: 4px;
@@ -8197,27 +8214,38 @@ button.import-taxonomy-pill {
font-size: 12px;
}
.chat-item-delete {
.sidebar-delete-button {
background: transparent;
border: none;
color: var(--vscode-descriptionForeground);
cursor: pointer;
font-size: 16px;
line-height: 1;
padding: 0 4px;
padding: 0 6px;
flex-shrink: 0;
opacity: 0;
transition: opacity 0.15s, color 0.15s;
}
.chat-list-item:hover .chat-item-delete,
.chat-list-item.active .chat-item-delete {
.sidebar-item-row:hover .sidebar-delete-button,
.sidebar-item-row .sidebar-item.selected ~ .sidebar-delete-button,
.media-item-row:hover .sidebar-delete-button,
.media-item-row .media-item.selected ~ .sidebar-delete-button,
.chat-list-item:hover .sidebar-delete-button,
.chat-list-item.active .sidebar-delete-button {
opacity: 1;
}
.chat-item-delete:hover {
.sidebar-delete-button:hover {
color: var(--vscode-errorForeground);
}
.sidebar-item-row .sidebar-item.selected ~ .sidebar-delete-button,
.media-item-row .media-item.selected ~ .sidebar-delete-button {
background-color: var(--vscode-list-activeSelectionBackground);
color: var(--vscode-list-activeSelectionForeground);
}
.settings-nav-list {
display: flex;
flex-direction: column;