Skip to content

feat: Add descriptions for each panel in CollectionSettings #2031

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

Merged

Conversation

lizziemac
Copy link
Contributor

@lizziemac lizziemac commented Apr 7, 2024

Description

I've added descriptions to each of the panels in CollectionSettings for better user education. Furthermore, I've also made the UI more consistent across the panels. You'll notice in the provided video that the location of the description for each tab are now all on the same line, giving a smoother feeling to transitions.

Resolves #2030

Demo

Panel.Descriptions.720p.mov

Contribution Checklist:

  • The pull request only addresses one issue or adds one feature.
  • The pull request does not introduce any breaking changes
  • I have added screenshots or gifs to help explain the change if applicable.
  • I have read the contribution guidelines.
  • Create an issue and link to the pull request.

Note: Keeping the PR small and focused helps make it easier to review and merge. If you have multiple changes you want to make, please consider submitting them as separate pull requests.

Publishing to New Package Managers

Please see here for more information.

<section className={`flex ${['auth', 'script', 'docs', 'clientCert'].includes(tab) ? '' : 'mt-4'}`}>
{getTabPanel(tab)}
</section>
<section className="mt-4 h-full">{getTabPanel(tab)}</section>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

this was the key to the consistent lines placement. otherwise some required extra <br/>s etc

@lizziemac lizziemac changed the title Add descriptions for each panel in CollectionSettings feat: Add descriptions for each panel in CollectionSettings Apr 8, 2024
@helloanoop helloanoop merged commit 8412805 into usebruno:main Apr 9, 2024
@helloanoop
Copy link
Contributor

Merged. Thank you @lizziemac !

This will go out in the 1.13.0 release. Please subscribe to Discord announcement channel to stay notified on the releases.

@lizziemac lizziemac deleted the feature/collection-settings-descs branch April 9, 2024 12:58
Its-treason pushed a commit to Its-treason/bruno that referenced this pull request Apr 13, 2024
…#2031)

* Add descriptions for each panel in CollectionSettings

* Revert index.js

Leftover change from when i was putzing around
lizziemac added a commit to lizziemac/bruno that referenced this pull request May 4, 2024
…#2031)

* Add descriptions for each panel in CollectionSettings

* Revert index.js

Leftover change from when i was putzing around
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Collection Tabs do not have descriptions
2 participants