Browse Source

fix seek type select border-radius and user-select (#1904)

Arsen Simonyan 3 years ago
parent
commit
45931a63ed

+ 7 - 0
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';
 import styled, { css } from 'styled-components';
 
 
 interface SavedFilterProps {
 interface SavedFilterProps {
@@ -313,3 +314,9 @@ export const BackToCustomText = styled.div`
   ${textStyle};
   ${textStyle};
   cursor: pointer;
   cursor: pointer;
 `;
 `;
+
+export const SeekTypeSelect = styled(Select)`
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  user-select: none;
+`;

+ 1 - 1
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)}
             handleSearch={(value: string) => setQuery(value)}
           />
           />
           <S.SeekTypeSelectorWrapper>
           <S.SeekTypeSelectorWrapper>
-            <Select
+            <S.SeekTypeSelect
               id="selectSeekType"
               id="selectSeekType"
               onChange={(option) => setCurrentSeekType(option as SeekType)}
               onChange={(option) => setCurrentSeekType(option as SeekType)}
               value={currentSeekType}
               value={currentSeekType}