From a19626caa606f57099a5fda320d201d7844b147f Mon Sep 17 00:00:00 2001
From: Jan Keromnes <janx@linux.com>
Date: Tue, 16 Mar 2021 17:37:56 +0000
Subject: [PATCH] [dashboard] Hide running workspace open button when group
 isn't hovered

---
 components/dashboard/src/start/CreateWorkspace.tsx | 4 ++--
 components/dashboard/tailwind.config.js            | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/dashboard/src/start/CreateWorkspace.tsx b/components/dashboard/src/start/CreateWorkspace.tsx
index d44b8cd69424ea..3d12735fbdef57 100644
--- a/components/dashboard/src/start/CreateWorkspace.tsx
+++ b/components/dashboard/src/start/CreateWorkspace.tsx
@@ -87,13 +87,13 @@ export class CreateWorkspace extends React.Component<CreateWorkspaceProps, Creat
           <p className="mt-1 mb-2 text-base">You already have running workspaces with the same context. You can open an existing one or open a new workspace.</p>
           <>
             {result?.existingWorkspaces?.map(w =>
-              <a href={w.latestInstance?.ideUrl} className="rounded-xl hover:bg-gray-100 flex p-3 my-1">
+              <a href={w.latestInstance?.ideUrl} className="rounded-xl group hover:bg-gray-100 flex p-3 my-1">
                 <div className="w-full">
                   <p className="text-base text-black font-bold">{w.workspace.id}</p>
                   <p>{w.workspace.contextURL}</p>
                 </div>
                 <div className="flex">
-                  <button className="px-3 py-1 my-auto bg-green-600 hover:bg-green-700 border-green-800">Open</button>
+                  <button className="px-3 py-1 my-auto opacity-0 group-hover:opacity-100 bg-green-600 hover:bg-green-700 border-green-800">Open</button>
                 </div>
               </a>
             )}
diff --git a/components/dashboard/tailwind.config.js b/components/dashboard/tailwind.config.js
index 37d9dff5ae1ffc..bd5892ec5f603b 100644
--- a/components/dashboard/tailwind.config.js
+++ b/components/dashboard/tailwind.config.js
@@ -30,7 +30,7 @@ module.exports = {
             },
             outline: {
                 blue: '1px solid #000033',
-            }
+            },
         },
         fontFamily: {
             'sans': ['Inter', 'Helvetica', 'Arial', 'sans-serif'],