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

Sticky content footer + move element actions into it #11844

Merged

Conversation

brandonkelly
Copy link
Member

Description

Element action triggers are now inserted in the content footer, beside the “Export” button, rather than in the toolbar (where they previously replaced all other toolbar items).

The footer is also sticky now, to the bottom of the window, so it is always in view.

The Entries index page, with two entries selected, showing that the “Set status” action trigger and the action menu with a gear icon are both visible in a sticky footer at the bottom of the window.

Related issues

@brandonkelly brandonkelly added accessibility 👤 features related to accessibility ui 👀 features related to the control panel UI labels Aug 30, 2022
@brandonkelly brandonkelly requested a review from a team as a code owner August 30, 2022 12:00
@linear
Copy link

linear bot commented Aug 30, 2022

DEV-376 Action and Set Status buttons appear before table instead of after it, making it difficult for screen reader users to discover

Because these buttons appear earlier in the tab order, it's possible for a SR user to never know that these elements have appeared. It's also not ideal to have a keyboard user have to tab backwards to reach these buttons

Move these buttons into the table footer area, such as near the export button

Screen Shot 2022-03-21 at 12.51.38 PM.png

# Conflicts:
#	src/web/assets/cp/dist/cp.js
#	src/web/assets/cp/dist/cp.js.map
#	src/web/assets/cp/dist/css/cp.css
#	src/web/assets/cp/dist/css/cp.css.map
@brandonkelly brandonkelly changed the base branch from 5.0 to 4.3 September 8, 2022 00:54
@brandonkelly brandonkelly force-pushed the feature/dev-376-action-and-set-status-buttons-appear branch from 9867703 to 104ce22 Compare September 8, 2022 00:54
@gcamacho079
Copy link
Contributor

gcamacho079 commented Sep 8, 2022

@brandonkelly looks great! I completed a manual audit on this and no new issues are introduced. I made a small update to resolve a missing label issues (since the Garnish update to custom selects, the buttons aren't inheriting accessible names from their inner text).

Resolves DEV-992

@brandonkelly brandonkelly merged commit 15f397b into 4.3 Sep 8, 2022
@brandonkelly brandonkelly deleted the feature/dev-376-action-and-set-status-buttons-appear branch September 8, 2022 17:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility 👤 features related to accessibility ui 👀 features related to the control panel UI
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants