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

Update dotfiles layout in user preferences #10136

Merged
merged 1 commit into from
May 20, 2022
Merged

Conversation

gtsiolis
Copy link
Contributor

@gtsiolis gtsiolis commented May 19, 2022

Description

In the spirit of minimum viable changes and shipping, this will update the dotfiles layout in user preferences. 🛹

Cc @filiptronicek @sagor999 @andreafalzetti @loujaybee because #7639

Related Issue(s)

Fixes #7639

How to test

Go to /preferences and notice the improved usability of the dotfiles section along the rest of the preferences options.

Screenshots

BEFORE AFTER
dotfiles-before dotfiles-after

Release Notes

Update dotfiles layout

<input
type="text"
value={dotfileRepo}
className="w-96 h-9"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

thought: It's painful to see the custom height here, but does the job for now. ☺️

Add a repository URL that includes dotfiles. Gitpod will clone and install your dotfiles for
every new workspace.
Add a repository URL that includes dotfiles. Gitpod will
<br />
Copy link
Contributor Author

Choose a reason for hiding this comment

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

thought: Another hack around the needs to resolve #7639, see relevant comment in #7639 (comment).

placeholder="e.g. https://github.com/username/dotfiles"
onChange={(e) => setDotfileRepo(e.target.value)}
/>
<button className="secondary ml-2" onClick={() => actuallySetDotfileRepo(dotfileRepo)}>
Copy link
Contributor Author

@gtsiolis gtsiolis May 19, 2022

Choose a reason for hiding this comment

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

thought: Using the secondary class here, as this does not need to be a primary action across all preferences, see relevant comment in #7639 (comment).

@gtsiolis gtsiolis changed the title Update dotfiles layout Update dotfiles layout in user preferences May 19, 2022
Copy link
Contributor

@andrew-farries andrew-farries left a comment

Choose a reason for hiding this comment

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

Nice 👍 This should resolve the confusion around whether the button applies to just the dotfiles repo or the whole page.

@roboquat roboquat merged commit b765e67 into main May 20, 2022
@roboquat roboquat deleted the gt/update-dotfiles-layout branch May 20, 2022 09:38
@gtsiolis
Copy link
Contributor Author

gtsiolis commented May 20, 2022

Thanks for taking a look, @andrew-farries! 🙌

@roboquat roboquat added deployed: webapp Meta team change is running in production deployed Change is completely running in production labels May 24, 2022
@loujaybee
Copy link
Member

loujaybee commented May 24, 2022

Praise: Brilliant! Thanks for updating @andrew-farries / @gtsiolis ! 🚀

@andreafalzetti
Copy link
Contributor

andreafalzetti commented May 25, 2022

thanks for fixing this! 🙌

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
deployed: webapp Meta team change is running in production deployed Change is completely running in production release-note size/S team: webapp Issue belongs to the WebApp team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[dashboard] Make functionality of the dotfiles settings button more clear
5 participants