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

Persistent toggle sections of job info #16983

Merged
merged 15 commits into from
Apr 30, 2024

Conversation

dannon
Copy link
Member

@dannon dannon commented Nov 6, 2023

Persistent section toggles to address #16441. Adds a basic keyed persistent toggle composable, integrates it with our Heading component (though you could use it wherever), and sets two sections to use it as a test.

Considering dropping the caret and just having the header be clickable as the toggle in this case, with an appropriate tooltip.

image

How to test the changes?

(Select all options that apply)

  • I've included appropriate automated tests.
  • This is a refactoring of components with existing test coverage.
  • Instructions for manual testing are as follows:
    1. [add testing steps and prerequisites here if you didn't write automated tests covering all your changes]

License

  • I agree to license these and all my past contributions to the core galaxy codebase under the MIT license.

@dannon dannon changed the title Persistent toggle section Persistent toggle sections of job info Nov 6, 2023
@dannon dannon marked this pull request as ready for review November 9, 2023 01:08
@github-actions github-actions bot added this to the 23.2 milestone Nov 9, 2023
@dannon dannon marked this pull request as draft November 9, 2023 13:05
@dannon
Copy link
Member Author

dannon commented Nov 9, 2023

I'm going to rework the prop here so we don't need separate collapsible/collapsed bits.

@dannon dannon marked this pull request as ready for review November 9, 2023 14:44
client/src/components/Common/Heading.vue Show resolved Hide resolved
client/src/components/Common/Heading.vue Outdated Show resolved Hide resolved
client/src/components/Common/Heading.vue Outdated Show resolved Hide resolved
client/src/composables/persistentToggle.ts Outdated Show resolved Hide resolved
@dannon dannon marked this pull request as draft November 10, 2023 20:22
@mvdbeek mvdbeek modified the milestones: 23.2, 24.0 Dec 19, 2023
@dannon dannon added this to the 24.1 milestone Mar 5, 2024
@dannon dannon force-pushed the persistent-toggle-section branch from d983bf9 to 67b0b01 Compare March 5, 2024 13:25
@dannon dannon force-pushed the persistent-toggle-section branch from 67b0b01 to 805b675 Compare March 5, 2024 18:10
@dannon dannon marked this pull request as ready for review March 5, 2024 19:22
@dannon
Copy link
Member Author

dannon commented Mar 5, 2024

Shifted this to use the first column when in a separator, and it's keyboard-accessible in both configurations now.

Copy link
Member

@ahmedhamidawan ahmedhamidawan left a comment

Choose a reason for hiding this comment

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

Works well! Just spotted this minuscule thing: the icon in the button is somehow off center
image

client/src/components/Common/Heading.vue Outdated Show resolved Hide resolved
Co-authored-by: Ahmed Hamid Awan <qe66653@umbc.edu>
@davelopez
Copy link
Contributor

Thank you!

@davelopez davelopez merged commit fd4165f into galaxyproject:dev Apr 30, 2024
30 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

Successfully merging this pull request may close these issues.

None yet

5 participants