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

Update help panel navigation buttons #10581

Merged
merged 2 commits into from
Dec 6, 2024

Conversation

ForgottenHero
Copy link
Contributor

Fixes #10573 where the empty nav button for 'next' was overlapping the keyboard shortcuts button when the user was currently view the Quality Assurance page.

Fixes #105073 where the empty nav button for 'next' was overlapping the keyboard shortcuts button when the user was currently view the Quality Assurance page.
Copy link
Member

@tyrasd tyrasd left a comment

Choose a reason for hiding this comment

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

Nice catch! The fix looks good, and using a flex solution instead of floating elements is definitely an improvement in general for this ui element. Only one question below.

css/80_app.css Outdated
Comment on lines 4187 to 4190
.ideditor .help-pane .nav::after {
content: '';
display: table;
clear: both;
Copy link
Member

@tyrasd tyrasd Dec 4, 2024

Choose a reason for hiding this comment

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

What is the purpose of this ::after block? In a quick test, for me the fix seems to work also without it.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

My mistake. I tried a clearfix hack first, but don't need it now the elements are floated instead. It's redundant now.

@tyrasd tyrasd added the bug A bug - let's fix this! label Dec 4, 2024
Copy link
Contributor Author

@ForgottenHero ForgottenHero left a comment

Choose a reason for hiding this comment

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

Removed redundant clearfix hack after I changed to flex layout instead of float-based layout.

css/80_app.css Outdated
Comment on lines 4187 to 4190
.ideditor .help-pane .nav::after {
content: '';
display: table;
clear: both;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

My mistake. I tried a clearfix hack first, but don't need it now the elements are floated instead. It's redundant now.

@tyrasd tyrasd merged commit 04fd2ba into openstreetmap:develop Dec 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug A bug - let's fix this!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Keyboard Shortcuts option becomes unclickable when the Quality Assurance tab is open in the Help section.
2 participants