kafka-ui/kafka-ui-react-app/src/components/common/table/Table/TableKeyLink.styled.ts
Oleg Shur 21f17ad39e
Use new table component for topics list (#2426)
* Use new table component for topics list

* Fix styling

* Migrate BrokerLogdir to new tables

* Improve test coverage
2022-08-12 15:36:07 +03:00

27 lines
479 B
TypeScript

import styled, { css } from 'styled-components';
const tableLinkMixin = css(
({ theme }) => `
& > a {
color: ${theme.table.link.color.normal};
font-weight: 500;
text-overflow: ellipsis;
&:hover {
color: ${theme.table.link.color.hover};
}
&:active {
color: ${theme.table.link.color.active};
}
}
`
);
export const TableKeyLink = styled.td`
${tableLinkMixin}
`;
export const SmartTableKeyLink = styled.div`
${tableLinkMixin}
`;