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

show the action buttons on top of the modal always by default #2630

Merged
merged 1 commit into from
Jun 9, 2022

Conversation

szaimen
Copy link
Contributor

@szaimen szaimen commented Apr 9, 2022

reason behind this: as noticed in the accessibility workshop, the action buttons of the modal should always visible. Changing the default to -1 will allow to opt-in into the hiding of the action buttons which is in my opinion the better way to do this.

Signed-off-by: szaimen szaimen@e.mail.de

@szaimen szaimen added enhancement New feature or request 3. to review Waiting for reviews design Design, UX, interface and interaction design accessibility Making sure we design for the widest range of people possible, including those who have disabilities labels Apr 9, 2022
@szaimen szaimen requested review from skjnldsv, a team, PVince81 and vanpertsch and removed request for a team April 9, 2022 16:42
@skjnldsv
Copy link
Contributor

This is a breaking change @jancborchardt

@szaimen szaimen added the breaking PR that requires a new major version label Apr 10, 2022
@jancborchardt
Copy link
Contributor

@szaimen could you add before/after screenshot / gif? I don’t really understand what it does.

@skjnldsv why is this a breaking change?

@szaimen
Copy link
Contributor Author

szaimen commented Apr 12, 2022

@szaimen could you add before/after screenshot / gif? I don’t really understand what it does.

Maybe @skjnldsv can? :)

@skjnldsv
Copy link
Contributor

@skjnldsv why is this a breaking change?

Because all Modals that were relying on auto-hiding the UI will now have to manually specify the timeout.

@szaimen
Copy link
Contributor Author

szaimen commented Apr 27, 2022

@jancborchardt these navigation items of the modal:
image
hide by default after 3s if you don't move your mouse which is bad for mobile and accessibility wise.

After this change they are always visible by default if the developer did not specify a timeout which will hide these items again after a specific timeout...

Hope that is clear now? :)

@jancborchardt
Copy link
Contributor

Which of our modals would still use auto-hide here then, if any?

Cause as it came up in the accessibility workshop I would say we should remove the auto-hiding altogether. The close button should always be visible, and if a name is needed that one should also be shown (or not set in the first place), but not hide.

This should not be configurable by individual developers.

@szaimen
Copy link
Contributor Author

szaimen commented Apr 29, 2022

This should not be configurable by individual developers.

So then shall I remove this option?

cc @skjnldsv

@szaimen
Copy link
Contributor Author

szaimen commented May 3, 2022

ping @skjnldsv
for me it is fine to only change the default for now. WDYT? :)

@szaimen szaimen requested review from a team and marcoambrosini and removed request for a team May 19, 2022 16:49
@skjnldsv
Copy link
Contributor

I'm following Jan's decision :)
If the workshop suggested we should remove, let's set the default to disabled or remove the feature

@szaimen
Copy link
Contributor Author

szaimen commented May 20, 2022

If the workshop suggested we should remove, let's set the default to disabled or remove the feature

I've already set the default to disabled but tried to remove it now in the latest commit. Please suggest what is your choice. Depending on that I'll revert the last commit again.

This is now best reviewed like this: https://github.com/nextcloud/nextcloud-vue/pull/2630/files?diff=unified&w=1

@raimund-schluessler raimund-schluessler added this to the 6.0.0 milestone May 26, 2022
Copy link
Contributor

@ChristophWurst ChristophWurst left a comment

Choose a reason for hiding this comment

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

👍 🐘

please squash

Signed-off-by: szaimen <szaimen@e.mail.de>
@szaimen
Copy link
Contributor Author

szaimen commented Jun 9, 2022

please squash

done

@szaimen szaimen requested review from skjnldsv and removed request for skjnldsv and vanpertsch June 9, 2022 14:32
@ChristophWurst ChristophWurst merged commit 122f371 into master Jun 9, 2022
@ChristophWurst ChristophWurst deleted the enh/noid/modal-timeout branch June 9, 2022 16:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews accessibility Making sure we design for the widest range of people possible, including those who have disabilities breaking PR that requires a new major version design Design, UX, interface and interaction design enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants