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(desktop): scope dark styles and restore dialog blur

Browse Source
This commit is contained in:
t8y2 committed 2026-07-30 08:49:12 +08:00
1 parent 3143683b5a
commit e78a510485
6 files changed
+55 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/desktop/src/components/grid/DataGridConditionEditor.vue
+7 -7
View File
@@ -570,15 +570,15 @@ defineExpose({ focus, dismiss: editor.dismiss, rememberHistory: editor.rememberH
0 1px color-mix(in oklab, var(--background) 96%, var(--muted) 4%);
}
:global(.dark) .data-grid-topbar-condition-label--where {
:global(.dark .data-grid-topbar-condition-label--where) {
color: rgb(96 165 250);
}
:global(.dark) .data-grid-topbar-condition-label--order {
:global(.dark .data-grid-topbar-condition-label--order) {
color: rgb(251 146 60);
}
:global(.dark) .data-grid-topbar-condition-label--floating {
:global(.dark .data-grid-topbar-condition-label--floating) {
text-shadow:
-1px 0 rgb(24, 24, 27),
1px 0 rgb(24, 24, 27),
@@ -617,7 +617,7 @@ defineExpose({ focus, dismiss: editor.dismiss, rememberHistory: editor.rememberH
line-height: 1.5rem;
}
:global(.dark) .data-grid-topbar-condition-input {
:global(.dark .data-grid-topbar-condition-input) {
color: rgb(244, 244, 245);
background-color: transparent !important;
}
@@ -657,7 +657,7 @@ defineExpose({ focus, dismiss: editor.dismiss, rememberHistory: editor.rememberH
--data-grid-condition-suffix-width: 0px;
}
:global(.dark) .data-grid-topbar-condition-pane--expanded {
:global(.dark .data-grid-topbar-condition-pane--expanded) {
background: rgb(24, 24, 27) !important;
color: rgb(244, 244, 245);
box-shadow:
@@ -706,11 +706,11 @@ defineExpose({ focus, dismiss: editor.dismiss, rememberHistory: editor.rememberH
color: rgb(249 115 22 / 70%);
}
:global(.dark) .data-grid-topbar-condition-input--where.data-grid-topbar-condition-input--compact::placeholder {
:global(.dark .data-grid-topbar-condition-input--where.data-grid-topbar-condition-input--compact::placeholder) {
color: rgb(147 197 253 / 70%);
}
:global(.dark) .data-grid-topbar-condition-input--order.data-grid-topbar-condition-input--compact::placeholder {
:global(.dark .data-grid-topbar-condition-input--order.data-grid-topbar-condition-input--compact::placeholder) {
color: rgb(253 186 116 / 70%);
}
</style>
apps/desktop/src/components/grid/__tests__/DataGridConditionEditor.spec.ts
Vendored
+8
View File
@@ -124,6 +124,14 @@ describe("DataGridConditionEditor quote completion", () => {
expect(floatingLabelCss).not.toContain("box-shadow:");
});
it("keeps dark condition styles scoped to their target elements", () => {
const source = readFileSync(resolve(process.cwd(), "apps/desktop/src/components/grid/DataGridConditionEditor.vue"), "utf8");
expect(source).not.toContain(":global(.dark) .data-grid");
expect(source).toContain(":global(.dark .data-grid-topbar-condition-label--floating)");
expect(source).toContain(":global(.dark .data-grid-topbar-condition-pane--expanded)");
});
it("scrolls the caret into view after accepting a long completion", () => {
const source = readFileSync(resolve(process.cwd(), "apps/desktop/src/components/grid/DataGridConditionEditor.vue"), "utf8");