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

Fix 68730 - Mobile. Remove icon hover logic on non-hover devices

Browse Source
This commit is contained in:
Aleksandr Lushkin 2024-06-26 15:33:27 +02:00
parent 947543bf3c
commit 3f33334fc7
2 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/shared/components/color-theme/styled-components/iconButton.ts
View File

@ -43,10 +43,12 @@ const StyledIconTheme = styled(StyledIcon)<
}
}
&:hover {
svg {
path {
fill: ${(props) => props.$currentColorScheme?.main?.accent};
@media (hover: hover) {
&:hover {
svg {
path {
fill: ${(props) => props.$currentColorScheme?.main?.accent};
}
}
}
}

30
packages/shared/components/icon-button/IconButton.styled.ts
View File

@ -48,12 +48,15 @@ const StyledOuter = styled.div<IconButtonProps>`
stroke: ${props.color || props.theme.iconButton.color};
}
}
&:hover {
svg {
path {
stroke: ${props.isDisabled
? props.theme.iconButton.color
: props.color || props.theme.iconButton.hoverColor};
@media (hover: hover) {
&:hover {
svg {
path {
stroke: ${props.isDisabled
? props.theme.iconButton.color
: props.color || props.theme.iconButton.hoverColor};
}
}
}
}
@ -72,12 +75,15 @@ const StyledOuter = styled.div<IconButtonProps>`
fill: ${props.color || props.theme.iconButton.color};
}
}
&:hover {
svg {
path {
fill: ${props.isDisabled
? props.theme.iconButton.color
: props.color || props.theme.iconButton.hoverColor};
@media (hover: hover) {
&:hover {
svg {
path {
fill: ${props.isDisabled
? props.theme.iconButton.color
: props.color || props.theme.iconButton.hoverColor};
}
}
}
}