Skip to content

Commit

Permalink
fix(UserBadge): use IconX instead of CleanButton
Browse files Browse the repository at this point in the history
  • Loading branch information
LamaEats committed Sep 11, 2023
1 parent 064861e commit 9f7694f
Showing 1 changed file with 15 additions and 5 deletions.
20 changes: 15 additions & 5 deletions src/components/UserBadge.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import styled from 'styled-components';
import { CleanButton, Text, UserPic, nullable } from '@taskany/bricks';
import { gapS, gray9 } from '@taskany/colors';
import { Text, UserPic, nullable } from '@taskany/bricks';
import { IconXCircleSolid } from '@taskany/icons';
import { gapS, gapXs, gray8, gray9 } from '@taskany/colors';

import { ActivityByIdReturnType } from '../../trpc/inferredTypes';

Expand All @@ -13,16 +14,25 @@ const StyledUserPick = styled(UserPic)`
margin-right: ${gapS};
`;

const StyledCleanButton = styled(CleanButton)`
top: unset;
const StyledCleanButton = styled(IconXCircleSolid).attrs({
size: 'xs',
})`
color: ${gray8};
margin-left: ${gapXs};
visibility: hidden;
transition: color 100ms ease-in-out;
&:hover {
color: ${gray9};
}
`;

const StyledIssuer = styled.span`
position: relative;
display: flex;
align-items: center;
margin: ${gapS} 0;
padding-right: var(--gap-m); // clean button place
width: fit-content;
&:hover {
Expand Down

0 comments on commit 9f7694f

Please sign in to comment.