From 467b69315c809f1cb5714f29c580eb47c6ad1815 Mon Sep 17 00:00:00 2001 From: John Kapantzakis Date: Thu, 6 Nov 2025 08:55:37 +0200 Subject: [PATCH 1/4] Reduce select input border radius to 2px --- src/components/select/index.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/select/index.js b/src/components/select/index.js index aeb9ecd23..41ffad2eb 100644 --- a/src/components/select/index.js +++ b/src/components/select/index.js @@ -183,6 +183,7 @@ const makeCustomStyles = (theme, { minWidth, size, ...providedStyles } = {}) => control: (styles, state) => ({ ...styles, borderColor: state.isFocused ? theme.colors.inputBorderFocus : theme.colors.inputBorder, + borderRadius: "2px", boxShadow: "none", minHeight: 18, minWidth: minWidth || 160, From 31c7eebc6559b849a808314a2fa12b1b6413680e Mon Sep 17 00:00:00 2001 From: John Kapantzakis Date: Thu, 6 Nov 2025 09:01:57 +0200 Subject: [PATCH 2/4] Remove select indicator separator --- src/components/select/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/select/index.js b/src/components/select/index.js index 41ffad2eb..958de4b4c 100644 --- a/src/components/select/index.js +++ b/src/components/select/index.js @@ -65,7 +65,7 @@ const customComponents = { Group: withDataAttrs(defaultComponents.Group, "Group"), GroupHeading: withDataAttrs(defaultComponents.GroupHeading, "GroupHeading"), IndicatorsContainer: withDataAttrs(defaultComponents.IndicatorsContainer, "IndicatorsContainer"), - IndicatorSeparator: withDataAttrs(defaultComponents.IndicatorSeparator, "IndicatorSeparator"), + IndicatorSeparator: null, Input: withDOMDataAttrs(defaultComponents.Input, "Input"), LoadingIndicator: withDataAttrs(defaultComponents.LoadingIndicator, "LoadingIndicator"), Menu: withDataAttrs(defaultComponents.Menu, "Menu"), From c911cc453feb6504e932e6bb0c8d75cee5f9cd83 Mon Sep 17 00:00:00 2001 From: John Kapantzakis Date: Thu, 6 Nov 2025 09:34:37 +0200 Subject: [PATCH 3/4] Fix select options height --- src/components/select/index.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/select/index.js b/src/components/select/index.js index 958de4b4c..d8507c390 100644 --- a/src/components/select/index.js +++ b/src/components/select/index.js @@ -84,7 +84,7 @@ const customComponents = { ValueContainer: withDataAttrs(defaultComponents.ValueContainer, "ValueContainer"), } -const VirtualItem = ({ virtualRow, child }) => ( +const VirtualItem = ({ virtualRow, child, virtualizer }) => (
( right: 0, position: "absolute", }} + ref={virtualizer.measureElement} data-index={virtualRow.index} > {child} @@ -122,6 +123,7 @@ const VirtualList = ({ children, parentRef }) => { key={virtualRow.key} virtualRow={virtualRow} child={children[virtualRow.index]} + virtualizer={virtualizer} /> ))}
@@ -202,7 +204,7 @@ const makeCustomStyles = (theme, { minWidth, size, ...providedStyles } = {}) => } : {}), }), - menu: styles => ({ ...styles, zIndex: 100 }), + menu: styles => ({ ...styles, borderRadius: "2px", zIndex: 100 }), menuPortal: styles => ({ ...styles, zIndex: 9999 }), multiValue: styles => ({ ...styles, From 1d289393e0a4d30fd1f25399290abcdae65ad033 Mon Sep 17 00:00:00 2001 From: John Kapantzakis Date: Thu, 6 Nov 2025 10:49:05 +0200 Subject: [PATCH 4/4] v5.0.69 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index e1851be63..ab5408df1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@netdata/netdata-ui", - "version": "5.0.68", + "version": "5.0.69", "description": "netdata UI kit", "main": "dist/index.js", "module": "dist/es6/index.js",