fix(docz-theme-default): show heading anchor on hover

doczjs · Jan 21, 2019 · 3e453f5 · 3e453f5
1 parent 9114f9b
commit 3e453f5
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/core/docz-theme-default/src/components/ui/H2.tsx b/core/docz-theme-default/src/components/ui/H2.tsx
@@ -24,15 +24,15 @@ const Heading = styled('h2')`
   padding-bottom: 5px;
   ${p => mq(get('styles.h2')(p))};
 
-  &:hover ${Icon.toString()} {
+  &:hover .heading--Icon {
     opacity: 1;
   }
 `
 
 export const H2: SFC<React.HTMLAttributes<any>> = ({ children, ...props }) => (
   <Heading {...props}>
     <Link aria-hidden to={{ hash: `#${props.id}` }}>
-      <Icon height={20} />
+      <Icon className="heading--Icon" height={20} />
     </Link>
     {children}
   </Heading>