From f14c0ce08703c6b7e0e69ee0a7949e2a4e9a16e0 Mon Sep 17 00:00:00 2001
From: sorrelbri <sorrel.bri.june@gmail.com>
Date: Sun, 21 Jun 2020 17:34:03 -0700
Subject: [PATCH] style Kifu to hover 'show menu' text

---
 .../src/components/GameUI/Kifu/Kifu.js          |  7 +++++++
 .../src/components/GameUI/Kifu/Kifu.scss        | 17 +++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js
index a494739..20855b3 100644
--- a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js
+++ b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js
@@ -2,8 +2,15 @@ import React from "react";
 import "./Kifu.scss";
 
 const Kifu = () => {
+  const handleClick = (e) => {
+    console.log("clicked");
+  };
+
   return (
     <div className="Kifu">
+      <p className="Kifu__show-menu" onClick={handleClick}>
+        Show Menu?
+      </p>
       <div className="Kifu__board"></div>
     </div>
   );
diff --git a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss
index a529d41..debafbe 100644
--- a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss
+++ b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss
@@ -1,9 +1,26 @@
+@import '../../../../public/stylesheets/partials/mixins';
+
 div.Kifu {
   order: 0;
   height: 10vh;
   width: 8vh;
   background-color: #FFF;
   transform: rotate(-20deg);
+
+  p.Kifu__show-menu {
+    display: none;
+    position: absolute;
+    transform: rotate(20deg);
+    width: fit-content;
+  }
+  &:hover {
+    p.Kifu__show-menu {
+      @include gameViewLabel;
+      cursor: pointer;
+      display: inline-block;
+    }
+  }
+
   div.Kifu__board {
     border: 0.25vh solid #444;
     width: 5vh;