-
Notifications
You must be signed in to change notification settings - Fork 1.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[dashboard] Re-implement running workspace selector for new dashboard #3464
Conversation
41ffe52
to
57cdf99
Compare
57cdf99
to
8a2e6e2
Compare
Feedback from @gtsiolis on Slack:
|
8a2e6e2
to
2d8b7b9
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @jankeromnes! Great to see this come alive! Left some first comments. Padding within each workspace item still needs some small changes.
2d8b7b9
to
5df7f89
Compare
Co-authored-by: George Tsiolis <[email protected]>
5df7f89
to
4c14041
Compare
2e9ffa9
to
bd86ee3
Compare
<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> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
praise: Tailwind black magic. 🔮
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Haha, thanks! I even went down the rabbit hole of configurable variants in order to try and get invisible group-hover:visible
to work, but it kept refusing to. Turns out group-hover
works out of the box with opacity
, so I switched to that. 🤷
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
DOES. THE. JOB. Let's ship this! 🚢
bd86ee3
to
a19626c
Compare
Part of #3301