IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Shared: LinkWithDropdown: fix style

Browse Source
This commit is contained in:
Viktor Fomin 2024-02-10 00:40:59 +03:00
parent 3c0fafd945
commit d997ce3eb6
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/shared/components/link-with-dropdown/LinkWithDropdown.styled.tsx
View File

@ -191,7 +191,7 @@ StyledText.defaultProps = { theme: Base };
// }
// `;
const StyledSpan = styled.span<{ $isOpen?: boolean; withoutHover?: boolean }>`
const StyledSpan = styled.span<{ $isOpen?: boolean }>`
display: inline-block;
padding: 4px 8px;
border-radius: 3px;
@ -213,19 +213,22 @@ const StyledSpan = styled.span<{ $isOpen?: boolean; withoutHover?: boolean }>`
}
}
${(props) =>
!props.withoutHover &&
css`
:hover {
color: ${props.theme.linkWithDropdown.color.hover};
:hover {
color: ${(props) => props.theme.linkWithDropdown.color.hover};
background: ${props.theme.linkWithDropdown.background.hover};
.expander {
path {
fill: ${props.theme.linkWithDropdown.color.hover};
}
}
background: ${(props) => props.theme.linkWithDropdown.background.hover};
.expander {
path {
fill: ${(props) => props.theme.linkWithDropdown.color.hover};
}
}
}
${(props) =>
props.$isOpen &&
css`
color: ${props.theme.linkWithDropdown.color.hover};
background: ${props.theme.linkWithDropdown.background.hover};
`}
`;
StyledSpan.defaultProps = { theme: Base };
@ -237,3 +240,4 @@ export {
StyledLinkWithDropdown,
Caret,
};