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

Make log levels button keyboard focusable and activable #887

Merged
merged 1 commit into from Jun 22, 2023

Conversation

Fenn-CS
Copy link
Contributor

@Fenn-CS Fenn-CS commented Jun 9, 2023

Improves accessibility by activating focus visible and making the log level button trigger-able from the keyboard as well.

Since both the text and the icons trigger the same action, both of them were wrapped in a button to make this easier.

Resolves: nextcloud/server#36985

Previews

🏚️ Before 🏡 After
Screenshot from 2023-06-09 10-40-07 Screenshot from 2023-06-09 10-40-38

@Fenn-CS Fenn-CS requested review from icewind1991, Valdnet, susnux and szaimen and removed request for icewind1991 June 9, 2023 09:54
@szaimen szaimen requested a review from Antreesy June 9, 2023 10:51
Copy link
Contributor

@Antreesy Antreesy left a comment

Choose a reason for hiding this comment

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

Hi, sorry for a long delay!
Everthing seems fine and working, I left some comments here
Please also rebase and recompile the files, they have confilcts with master branch

src/Components/LogTable.js Outdated Show resolved Hide resolved
src/Components/LogTable.css Outdated Show resolved Hide resolved
src/Components/LogTable.css Outdated Show resolved Hide resolved
@Fenn-CS Fenn-CS force-pushed the 36985-log-levels-button-focusable branch from 5689e15 to 78ec405 Compare June 21, 2023 09:25
@Antreesy
Copy link
Contributor

/compile amend

@nextcloud-command nextcloud-command force-pushed the 36985-log-levels-button-focusable branch from 78ec405 to 5c53387 Compare June 21, 2023 09:30
@Fenn-CS Fenn-CS force-pushed the 36985-log-levels-button-focusable branch 2 times, most recently from 92a81f5 to 93cb343 Compare June 21, 2023 09:33
@Fenn-CS Fenn-CS requested a review from Antreesy June 21, 2023 09:34
@Fenn-CS
Copy link
Contributor Author

Fenn-CS commented Jun 21, 2023

Thanks @Antreesy resolved the mentioned issues, and manual compiled (before seeing you did the compile command already)

@Antreesy
Copy link
Contributor

/compile amend

@Antreesy
Copy link
Contributor

Antreesy commented Jun 21, 2023

Looks like runner doesn't like manual build, let's try the command again:
https://github.com/nextcloud/logreader/actions/runs/5332467137/jobs/9661680803?pr=887#step:7:5

@nextcloud-command nextcloud-command force-pushed the 36985-log-levels-button-focusable branch from 93cb343 to d3d3eed Compare June 21, 2023 10:00
src/Components/LogTable.css Show resolved Hide resolved
highlight: string;
level: string;
level_1: string;
level_2: string;
Copy link
Contributor

Choose a reason for hiding this comment

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

Please check that also: property 'focus-within' or 'focus-visible' was removed, but file still has changes due to indent (tabs or spaces?)

@Fenn-CS Fenn-CS force-pushed the 36985-log-levels-button-focusable branch from d3d3eed to b56edf7 Compare June 21, 2023 23:33
@Fenn-CS
Copy link
Contributor Author

Fenn-CS commented Jun 21, 2023

@Antreesy

@Fenn-CS
Copy link
Contributor Author

Fenn-CS commented Jun 21, 2023

/compile amend

@nextcloud-command nextcloud-command force-pushed the 36985-log-levels-button-focusable branch from b56edf7 to fcccb50 Compare June 21, 2023 23:41
@Fenn-CS Fenn-CS requested a review from Antreesy June 21, 2023 23:43
Copy link
Contributor

@Antreesy Antreesy left a comment

Choose a reason for hiding this comment

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

Apart from one comment, cool!

src/Components/LogTable.css Show resolved Hide resolved
@Fenn-CS Fenn-CS force-pushed the 36985-log-levels-button-focusable branch 2 times, most recently from 87af507 to d40a797 Compare June 22, 2023 14:28
@Fenn-CS
Copy link
Contributor Author

Fenn-CS commented Jun 22, 2023

/compile amend

@nextcloud-command nextcloud-command force-pushed the 36985-log-levels-button-focusable branch from d40a797 to e2f07d7 Compare June 22, 2023 14:30
@Fenn-CS Fenn-CS force-pushed the 36985-log-levels-button-focusable branch from e2f07d7 to dbb3feb Compare June 22, 2023 14:31
@Fenn-CS
Copy link
Contributor Author

Fenn-CS commented Jun 22, 2023

/compile amend

Improves accessibility by activating focus visible and making the
log level button trigger-able from the keyboard as well.

Since both the text and the icons trigger the same action, both
of them were wrapped in a button to make this easier.

Resolves: nextcloud/server#36985

Signed-off-by: fenn-cs <fenn25.fn@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
@nextcloud-command nextcloud-command force-pushed the 36985-log-levels-button-focusable branch from dbb3feb to 41813ea Compare June 22, 2023 14:33
@Fenn-CS Fenn-CS merged commit e720a19 into master Jun 22, 2023
16 checks passed
@delete-merged-branch delete-merged-branch bot deleted the 36985-log-levels-button-focusable branch June 22, 2023 14:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[BITV] 9.2.1.1/7.3 - The button to open the "Log Levels" menu is not keyboard focusable and activatable. (1)
3 participants