github/dbx
4
0 Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-11-15 14:52:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ai-agent): align table scrollbar themes

Browse Source
This commit is contained in:
Abeautifulsnow authored and GitHub committed 2026-08-18 10:52:01 +08:00
1 parent d39d3ec134
commit 99ded5c8bb
2 files changed
+50
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/desktop/src/components/editor/AiAssistant.vue
+31
View File
@@ -3015,6 +3015,37 @@ async function openExternalUrl(url: string) {
border-radius: 0.375rem;
border: 1px solid var(--border);
}
/* WebKit/Chromium-only styling. Do NOT set scrollbar-width/scrollbar-color here:
per CSS Scrollbars spec, a non-auto scrollbar-width makes engines ignore the
::-webkit-scrollbar* rules below (both Tauri webviews support them). */
.ai-markdown :deep(.ai-markdown-table-wrap::-webkit-scrollbar) {
width: 6px;
height: 6px;
}
.ai-markdown :deep(.ai-markdown-table-wrap::-webkit-scrollbar-track) {
background: transparent;
}
.ai-markdown :deep(.ai-markdown-table-wrap::-webkit-scrollbar-thumb) {
border: 1px solid transparent;
border-radius: 999px;
background: rgba(82, 82, 82, 0.28);
background: color-mix(in oklch, var(--foreground) 28%, transparent);
background-clip: padding-box;
}
.ai-markdown :deep(.ai-markdown-table-wrap:hover::-webkit-scrollbar-thumb) {
border: 0;
background: rgba(82, 82, 82, 0.45);
background: color-mix(in oklch, var(--foreground) 45%, transparent);
}
html.dbx-legacy-webview.dark .ai-markdown :deep(.ai-markdown-table-wrap::-webkit-scrollbar-thumb) {
background: rgba(212, 212, 216, 0.28);
}
html.dbx-legacy-webview.dark .ai-markdown :deep(.ai-markdown-table-wrap:hover::-webkit-scrollbar-thumb) {
background: rgba(212, 212, 216, 0.45);
}
.ai-markdown :deep(.ai-markdown-table-wrap::-webkit-scrollbar-corner) {
background: transparent;
}
.ai-markdown :deep(.ai-markdown-table-wrap table) {
border: none;
margin: 0;