0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed Code Smells from PR 1494 (#1536)

Browse source 
Co-authored-by: Anton Zorin <zorii4@Antons-MacBook-Pro.local>
Co-authored-by: Oleg Shur <workshur@gmail.com>
This commit is contained in:
Zorii4 2022-02-02 16:04:27 +03:00 • committed by GitHub
parent f248ad1c39
commit 0b5f9283d6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 54 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
kafka-ui-react-app/src/components/common/table/TableHeaderCell/TableHeaderCell.styled.ts
View file

@ -5,24 +5,8 @@ interface TitleProps {
isOrdered?: boolean;
}
export const Title = styled.span<TitleProps>(
({ isOrderable, isOrdered, theme: { table } }) => css`
font-family: Inter, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
justify-content: start;
display: flex;
align-items: center;
background: ${table.th.backgroundColor.normal};
cursor: default;
color: ${table.th.color.normal};
${isOrderable &&
css`
const orderableMixin = css(
({ theme: { table } }) => `
cursor: pointer;
padding-right: 18px;
@ -58,11 +42,11 @@ export const Title = styled.span<TitleProps>(
border-top-color: ${table.th.color.hover};
}
}
`}
`
);
${isOrderable &&
isOrdered &&
css`
const orderedMixin = css(
({ theme: { table } }) => `
color: ${table.th.color.active};
&::before {
border-bottom-color: ${table.th.color.active};
@ -70,7 +54,28 @@ export const Title = styled.span<TitleProps>(
&::after {
border-top-color: ${table.th.color.active};
}
`}
`
);
export const Title = styled.span<TitleProps>(
({ isOrderable, isOrdered, theme: { table } }) => css`
font-family: Inter, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
justify-content: start;
display: flex;
align-items: center;
background: ${table.th.backgroundColor.normal};
cursor: default;
color: ${table.th.color.normal};
${isOrderable && orderableMixin}
${isOrderable && isOrdered && orderedMixin}
`
);