From af059d6aadf5c03f99841b0e0ef9f423c37399d0 Mon Sep 17 00:00:00 2001 From: Arsen Simonyan <103444767+simonyandev@users.noreply.github.com> Date: Mon, 2 May 2022 13:28:45 +0400 Subject: [PATCH] fix seek type select border-radius and user-select (#1904) --- .../Topic/Details/Messages/Filters/Filters.styled.ts | 7 +++++++ .../Topics/Topic/Details/Messages/Filters/Filters.tsx | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.styled.ts b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.styled.ts index e3462333f50..095128535eb 100644 --- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.styled.ts +++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.styled.ts @@ -1,3 +1,4 @@ +import Select from 'components/common/Select/Select'; import styled, { css } from 'styled-components'; interface SavedFilterProps { @@ -313,3 +314,9 @@ export const BackToCustomText = styled.div` ${textStyle}; cursor: pointer; `; + +export const SeekTypeSelect = styled(Select)` + border-top-right-radius: 0; + border-bottom-right-radius: 0; + user-select: none; +`; diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx index 57e7fc23b2b..c3419befb08 100644 --- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx +++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx @@ -364,7 +364,7 @@ const Filters: React.FC<FiltersProps> = ({ handleSearch={(value: string) => setQuery(value)} /> <S.SeekTypeSelectorWrapper> - <Select + <S.SeekTypeSelect id="selectSeekType" onChange={(option) => setCurrentSeekType(option as SeekType)} value={currentSeekType}