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(ui): table data condition bar font display

Browse Source 
Co-authored-by: staff <staff@qimaos-MacBook-Pro.local>
This commit is contained in:
zipgandstaff authored and GitHub committed 2026-07-04 00:39:30 +08:00
1 parent 67e23ad3e0
commit 570230e525
1 file changed
+14 -5
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/grid/DataGrid.vue
+14 -5
View File
@@ -10441,6 +10441,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
.data-grid-topbar { .data-grid-topbar {
--data-grid-topbar-transition-duration: 340ms; --data-grid-topbar-transition-duration: 340ms;
--data-grid-topbar-transition-easing: cubic-bezier(0.22, 1, 0.36, 1); --data-grid-topbar-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
--data-grid-condition-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
width: 100%; width: 100%;
min-width: 0; min-width: 0;
transition: min-width var(--data-grid-topbar-transition-duration) var(--data-grid-topbar-transition-easing); transition: min-width var(--data-grid-topbar-transition-duration) var(--data-grid-topbar-transition-easing);
@@ -10456,8 +10457,10 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
max-width: 5rem; max-width: 5rem;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
font-size: 0.75rem; font-family: var(--data-grid-condition-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-weight: 500; font-size: 0.875rem;
font-weight: 600;
line-height: 1.5rem;
user-select: none; user-select: none;
opacity: 1; opacity: 1;
transform: translateX(0); transform: translateX(0);
@@ -10492,15 +10495,20 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
.data-grid-topbar-condition-input, .data-grid-topbar-condition-input,
.data-grid-topbar-condition-measure { .data-grid-topbar-condition-measure {
font-size: 0.8125rem; font-family: var(--data-grid-condition-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-size: 0.875rem;
line-height: 1.5rem; line-height: 1.5rem;
font-variant-ligatures: none;
font-feature-settings:
"liga" 0,
"calt" 0;
} }
.data-grid-topbar-condition-input { .data-grid-topbar-condition-input {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0 0.125rem;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
white-space: pre; white-space: pre;
@@ -10525,6 +10533,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
} }
.data-grid-topbar-condition-pane--expanded { .data-grid-topbar-condition-pane--expanded {
--data-grid-condition-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
position: fixed; position: fixed;
z-index: 80; z-index: 80;
right: auto; right: auto;
@@ -10557,7 +10566,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
width: calc(100% - 1rem + var(--data-grid-expanded-scrollbar-offset)); width: calc(100% - 1rem + var(--data-grid-expanded-scrollbar-offset));
max-width: none; max-width: none;
margin-right: calc(-1 * var(--data-grid-expanded-scrollbar-offset)); margin-right: calc(-1 * var(--data-grid-expanded-scrollbar-offset));
padding: 0 calc(var(--data-grid-condition-suffix-width) + 0.5rem) 0.0625rem 0; padding: 0 calc(var(--data-grid-condition-suffix-width) + 0.5rem) 0.0625rem 0.125rem;
text-indent: var(--data-grid-condition-prefix-indent); text-indent: var(--data-grid-condition-prefix-indent);
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;