Skip to content
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

Merged
merged 4 commits into from
Mar 16, 2021

Conversation

jankeromnes
Copy link
Contributor

@jankeromnes jankeromnes commented Mar 16, 2021

Part of #3301

@jankeromnes jankeromnes marked this pull request as draft March 16, 2021 13:59
@jankeromnes jankeromnes force-pushed the jx/dash2-improve-start branch from 41ffe52 to 57cdf99 Compare March 16, 2021 14:12
@jankeromnes
Copy link
Contributor Author

jankeromnes commented Mar 16, 2021

Currently looks like this:

Screenshot 2021-03-16 at 18 38 37

@jankeromnes jankeromnes marked this pull request as ready for review March 16, 2021 14:37
@jankeromnes jankeromnes force-pushed the jx/dash2-improve-start branch from 57cdf99 to 8a2e6e2 Compare March 16, 2021 14:38
@jankeromnes
Copy link
Contributor Author

Feedback from @gtsiolis on Slack:

Minor UX comments:

  1. Modal padding: 24px (p-6)
  2. Inner button on project is small variant with 32px height and 12px (px-3) side padding instead of 16px of the large button.

Copy link
Contributor

@gtsiolis gtsiolis left a 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.

components/dashboard/src/start/CreateWorkspace.tsx Outdated Show resolved Hide resolved
components/dashboard/src/start/CreateWorkspace.tsx Outdated Show resolved Hide resolved
components/dashboard/src/start/CreateWorkspace.tsx Outdated Show resolved Hide resolved
@jankeromnes jankeromnes force-pushed the jx/dash2-improve-start branch from 2d8b7b9 to 5df7f89 Compare March 16, 2021 15:41
@jankeromnes jankeromnes force-pushed the jx/dash2-improve-start branch from 5df7f89 to 4c14041 Compare March 16, 2021 16:00
@jankeromnes jankeromnes force-pushed the jx/dash2-improve-start branch from 2e9ffa9 to bd86ee3 Compare March 16, 2021 17:40
<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>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

praise: Tailwind black magic. 🔮

Copy link
Contributor Author

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. 🤷

Copy link
Contributor

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! 🚢

@jankeromnes jankeromnes force-pushed the jx/dash2-improve-start branch from bd86ee3 to a19626c Compare March 16, 2021 17:51
@jankeromnes jankeromnes merged commit 6d99107 into dashboard-v2 Mar 16, 2021
@jankeromnes jankeromnes deleted the jx/dash2-improve-start branch March 16, 2021 17:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants