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/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} 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;