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

Chat icon covers footer in small screens on rtl #2849

Closed
LeandraH opened this issue Jul 3, 2024 · 1 comment · Fixed by #2851
Closed

Chat icon covers footer in small screens on rtl #2849

LeandraH opened this issue Jul 3, 2024 · 1 comment · Fixed by #2851
Assignees
Labels
Bug Something isn't working good first issue Good for newcomers ready Web Affects the web project

Comments

@LeandraH
Copy link
Contributor

LeandraH commented Jul 3, 2024

Describe the Bug

When on a rtl language setting and in a mobile screen, the chat icon is horizontally centered instead of on the left, and thus covers the footer.

Steps to Reproduce

  1. Make your browser window small enough to see the mobile view
  2. Go to 'http://localhost:9000/testumgebung/ar'
  3. See that the chat icon is centered at the bottom
  4. Scroll down to the footer
  5. See that you can't click on the footer

Expected Behavior

The icon should be on the left and the footer accessible.

Actual Behavior

The icon is centered and the footer can't be clicked.

Additional Information

Image

@LeandraH LeandraH added Bug Something isn't working good first issue Good for newcomers ready Web Affects the web project labels Jul 3, 2024
@f1sh1918
Copy link
Contributor

f1sh1918 commented Jul 3, 2024

Maybe we should set for mobile mode the button above the footer and not on the footer. On Smaller devices the underlaying toolbar icons will not be clickable
Additionally another small issues could be addressed like the margin-left on the button to a margin-inline-start
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working good first issue Good for newcomers ready Web Affects the web project
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants