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 (
+

+ Show Menu? +

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