andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IconGrid: revise grid item hover/active state styles

Browse Source
This commit is contained in:
rektdeckard
2020-08-07 14:43:33 -04:00
parent 0af7c55ed7
commit ae4d6bedd2
2 changed files with 3 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/IconGrid/IconGridItem.tsx
View File

@@ -21,7 +21,7 @@ interface IconGridItemProps extends IconProps {
originOffset: MutableRefObject<{ top: number; left: number }>;
}
const whileTap = { boxShadow: "0 0 0 4px rgb(73, 70, 80)" };
// const whileTap = { boxShadow: "0 0 0 6px rgba(163, 159, 171, 0.1)" };
const transition = { duration: 0.2 };
const originIndex = 0;
const delayPerPixel = 0.0004;
@@ -79,7 +79,7 @@ const IconGridItem: React.FC<IconGridItemProps> = (props) => {
backgroundColor: isOpen ? "rgba(163, 159, 171, 0.1)" : undefined,
}}
custom={delayRef}
whileTap={whileTap}
// whileTap={whileTap}
transition={transition}
variants={itemVariants}
onKeyPress={(e) => e.key === "Enter" && handleOpen()}