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

feat(pacer): Adds new floating banner to the Login Page #368

Merged
merged 9 commits into from
Apr 18, 2024

Conversation

ERosendo
Copy link
Contributor

@ERosendo ERosendo commented Apr 17, 2024

This PR addresses the latest comment from #367. It improves the user experience by relocating the banner from within the popup to a more prominent position on the PACER Login page. This change ensures the banner is clearly visible to users, promoting better awareness and interaction.

Here's a list of the key changes of this PR:

  1. Removes the logic to display the badge and the old banner within the popup window.

  2. The options.html file gets updated by removing all outdated HTML elements related to the old banner.

  3. A new helper method named addRecapBannerToLoginPage is introduced. This method uses Javascript to dynamically create the new banner.

  4. Enhances the content.js file with new logic to manage the banner visibility on the PACER login page.

Here's a screenshot of the login page with the banner:

image

@ERosendo ERosendo force-pushed the 367-feat-adds-banner-to-the-login-page branch from 3c1ab5b to e3e3c21 Compare April 18, 2024 00:08
@ERosendo ERosendo marked this pull request as ready for review April 18, 2024 00:18
@ERosendo ERosendo requested a review from mlissner April 18, 2024 00:18
Copy link
Member

@mlissner mlissner left a comment

Choose a reason for hiding this comment

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

This looks good to me. Can you also make it so that clicking the button dismisses it as well, so that if people click the big button, they don't also have to find the little X?

src/pacer.js Outdated Show resolved Hide resolved
@ERosendo
Copy link
Contributor Author

@mlissner I tweaked the code to dismiss the banner when users click the learn more button. Here's a gif to see it in action:

Screen Recording 2024-04-18 at 9 25 26 AM

@ERosendo ERosendo requested a review from mlissner April 18, 2024 15:04
@mlissner mlissner merged commit a9c357f into main Apr 18, 2024
8 checks passed
@mlissner mlissner deleted the 367-feat-adds-banner-to-the-login-page branch April 18, 2024 15:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

Successfully merging this pull request may close these issues.

2 participants