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 (
);
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;