Make tooltip font regular for edit button of broker configs (kafbat#556)

hadisfr · Sep 28, 2024 · c7007ae · c7007ae
1 parent 35393c2
commit c7007ae
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/...end/src/components/Brokers/Broker/Configs/TableComponents/InputCell/InputCellViewMode.tsx b/...end/src/components/Brokers/Broker/Configs/TableComponents/InputCell/InputCellViewMode.tsx
@@ -31,8 +31,8 @@ const InputCellViewMode: FC<InputCellViewModeProps> = ({
   );
 
   return (
-    <S.ValueWrapper $isDynamic={isDynamic}>
-      <S.Value title={title}>{displayValue}</S.Value>
+    <S.ValueWrapper>
+      <S.Value $isDynamic={isDynamic} title={title}>{displayValue}</S.Value>
       <Tooltip
         value={
           <Button

diff --git a/frontend/src/components/Brokers/Broker/Configs/TableComponents/InputCell/styled.ts b/frontend/src/components/Brokers/Broker/Configs/TableComponents/InputCell/styled.ts
@@ -1,22 +1,23 @@
 import styled from 'styled-components';
 
-export const ValueWrapper = styled.div<{ $isDynamic?: boolean }>`
+export const ValueWrapper = styled.div`
   display: flex;
   justify-content: space-between;
-  font-weight: ${({ $isDynamic }) => ($isDynamic ? 600 : 400)};
+  font-weight: 400;
 
   button {
     margin: 0 10px;
   }
 `;
 
-export const Value = styled.span`
+export const Value = styled.span<{ $isDynamic?: boolean }>`
   line-height: 24px;
   margin-right: 10px;
   text-overflow: ellipsis;
   max-width: 400px;
   overflow: hidden;
   white-space: nowrap;
+  font-weight: ${({ $isDynamic }) => ($isDynamic ? 600 : 400)};
 `;
 
 export const ButtonsWrapper = styled.div`