Skip to content

Fixing the login button so it appears on mobile and also so that the popup displays onscreen#926

Merged
sfisher merged 2 commits intodevelopfrom
917-bug-login-menu-item-does-not-display-on-mobile-menu-interface
Sep 3, 2025
Merged

Fixing the login button so it appears on mobile and also so that the popup displays onscreen#926
sfisher merged 2 commits intodevelopfrom
917-bug-login-menu-item-does-not-display-on-mobile-menu-interface

Conversation

@sfisher
Copy link
Contributor

@sfisher sfisher commented Aug 20, 2025

I also had to update the way I installed npm and ran gulp so I'll also update the doc repository to explain how to do this.

I had to remove the screen media types from the login button so it always appears. Also had to move the code for the login form popup outside the header nav so that it doesn't get messed with when screen sizes make that area too small to display what is needed.

Javascript finds the position of the button on the page and makes it appear in an appropriate place under the button so it doesn't get cut off or go off the left or right edge or in some weird unaligned position.

…s under mobile and also pops up in a position where it doesn't cut off and can be seen and used.
@sfisher sfisher requested a review from jsjiang August 20, 2025 18:51
@jsjiang
Copy link
Contributor

jsjiang commented Aug 20, 2025

@sfisher Hi Scott, can you put the code on Dev or Stage so we can test.

Copy link
Contributor

@jsjiang jsjiang left a comment

Choose a reason for hiding this comment

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

Tested v3.3.15-accessability on stage https://ezid-stg.cdlib.org/ from desktop and iPhone. Login/Logout button showed properly. Functional and UI tests also looked good.

Thank you Scott for fixing this bug.

Jing

@sfisher sfisher merged commit c6614ca into develop Sep 3, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments