From 89f5e2d355de82eab969327f8618294d18c3ccb6 Mon Sep 17 00:00:00 2001 From: maryliag Date: Mon, 14 Nov 2022 15:03:57 -0500 Subject: [PATCH] ui: change height of column selector Previosuly, it was hard to identify there was more items on the columns selector, since the scrollbar is confugured by the user and might not show up right away (it will show once you hover with mouse and scroll). This commit changes the height of the filter, making part of the next options to show up, hinting there is more options when scrolling. Part Of #91763 Release note (ui change): Change the height of column selector, so it can hint there are more options to be selected once scrolled. --- .../cluster-ui/src/columnsSelector/columnsSelector.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/pkg/ui/workspaces/cluster-ui/src/columnsSelector/columnsSelector.tsx b/pkg/ui/workspaces/cluster-ui/src/columnsSelector/columnsSelector.tsx index fb9c7885b3c6..c9a53c43de46 100644 --- a/pkg/ui/workspaces/cluster-ui/src/columnsSelector/columnsSelector.tsx +++ b/pkg/ui/workspaces/cluster-ui/src/columnsSelector/columnsSelector.tsx @@ -81,6 +81,10 @@ const customStyles = { position: "relative", boxShadow: "none", }), + menuList: (provided: any) => ({ + ...provided, + maxHeight: "310px", + }), option: (provided: any, state: any) => ({ ...provided, backgroundColor: "white",