Merge pull request #116 from jedmund/fix-hovercard-zindex

Fix z-index on hovercards

components/WeaponHovercard/index.scss

@@ -1,4 +1,7 @@
-.Weapon.Hovercard {
+.Hovercard {
+  z-index: 99;
+
+  .Weapon.HovercardContent {
     .skills {
       display: flex;
       flex-direction: row;
@@ -39,3 +42,4 @@
       gap: calc($unit / 2);
     }
   }
+}

components/WeaponHovercard/index.tsx

@@ -189,9 +189,9 @@ const WeaponHovercard = (props: Props) => {
   )
 
   return (
-    <HoverCard.Root>
+    <HoverCard.Root className="Hovercard">
       <HoverCard.Trigger>{props.children}</HoverCard.Trigger>
-      <HoverCard.Content className="Weapon Hovercard" side={hovercardSide()}>
+      <HoverCard.Content className="Weapon HovercardContent" side={hovercardSide()}>
         <div className="top">
           <div className="title">
             <h4>{props.gridWeapon.object.name[locale]}</h4>