Skip to content

Commit b931a49

Browse files
committed
Make tooltip font regular for edit button of broker configs (kafbat#556)
1 parent 381f709 commit b931a49

File tree

2 files changed

+6
-5
lines changed

2 files changed

+6
-5
lines changed

frontend/src/components/Brokers/Broker/Configs/TableComponents/InputCell/InputCellViewMode.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@ const InputCellViewMode: FC<InputCellViewModeProps> = ({
3131
);
3232

3333
return (
34-
<S.ValueWrapper $isDynamic={isDynamic}>
35-
<S.Value title={title}>{displayValue}</S.Value>
34+
<S.ValueWrapper>
35+
<S.Value $isDynamic={isDynamic} title={title}>{displayValue}</S.Value>
3636
<Tooltip
3737
value={
3838
<Button

frontend/src/components/Brokers/Broker/Configs/TableComponents/InputCell/styled.ts

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,23 @@
11
import styled from 'styled-components';
22

3-
export const ValueWrapper = styled.div<{ $isDynamic?: boolean }>`
3+
export const ValueWrapper = styled.div`
44
display: flex;
55
justify-content: space-between;
6-
font-weight: ${({ $isDynamic }) => ($isDynamic ? 600 : 400)};
6+
font-weight: 400;
77
88
button {
99
margin: 0 10px;
1010
}
1111
`;
1212

13-
export const Value = styled.span`
13+
export const Value = styled.span<{ $isDynamic?: boolean }>`
1414
line-height: 24px;
1515
margin-right: 10px;
1616
text-overflow: ellipsis;
1717
max-width: 400px;
1818
overflow: hidden;
1919
white-space: nowrap;
20+
font-weight: ${({ $isDynamic }) => ($isDynamic ? 600 : 400)};
2021
`;
2122

2223
export const ButtonsWrapper = styled.div`

0 commit comments

Comments
 (0)