From fe4533125a900b4bb01aad79026e3cd433736dca Mon Sep 17 00:00:00 2001 From: lukasmasuch Date: Wed, 18 Jun 2025 16:48:28 +0200 Subject: [PATCH 1/2] Improve compatibility with different root font size --- packages/cells/src/cells/date-picker-cell.tsx | 2 +- .../private/uri-overlay-editor-style.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/cells/src/cells/date-picker-cell.tsx b/packages/cells/src/cells/date-picker-cell.tsx index 0019ff70a..3b82df431 100644 --- a/packages/cells/src/cells/date-picker-cell.tsx +++ b/packages/cells/src/cells/date-picker-cell.tsx @@ -11,7 +11,7 @@ import { } from "@glideapps/glide-data-grid"; export const StyledInputBox = styled.input` - min-height: 26px; + min-height: 1.625rem; border: none; outline: none; background-color: transparent; diff --git a/packages/core/src/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.tsx b/packages/core/src/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.tsx index b850d5e19..a49e446ac 100644 --- a/packages/core/src/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.tsx +++ b/packages/core/src/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.tsx @@ -7,7 +7,7 @@ export const UriOverlayEditorStyle = styled.div` align-items: center; - min-height: 21px; + min-height: 1.25rem; .gdg-link-area { flex-grow: 1; From 2867b5301961b0e123e168ed89f579e9652ed9a8 Mon Sep 17 00:00:00 2001 From: lukasmasuch Date: Wed, 16 Jul 2025 18:08:46 +0200 Subject: [PATCH 2/2] Update --- packages/cells/src/cells/multi-select-cell.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/cells/src/cells/multi-select-cell.tsx b/packages/cells/src/cells/multi-select-cell.tsx index 35d3d8444..ec19e7ae7 100644 --- a/packages/cells/src/cells/multi-select-cell.tsx +++ b/packages/cells/src/cells/multi-select-cell.tsx @@ -59,7 +59,7 @@ const PortalWrap = styled.div` color: var(--gdg-text-dark); > div { - border-radius: 4px; + border-radius: var(--gdg-rounding-radius, 4px); border: 1px solid var(--gdg-border-color); } `; @@ -343,7 +343,7 @@ const Editor: ReturnType> = p => { value={resolveValues(value, options, allowDuplicates)} onKeyDown={cell.readonly ? undefined : handleKeyDown} menuPlacement={"auto"} - menuPortalTarget={portalElementRef?.current ?? document.getElementById("portal")} + menuPortalTarget={portalElementRef?.current ?? document.getElementById("portal")} autoFocus={true} openMenuOnFocus={true} openMenuOnClick={true}