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

Mobile Map - Add Help Popup (Displays in fullscreen) #40

Open
Pujapuppy opened this issue Apr 5, 2021 · 2 comments
Open

Mobile Map - Add Help Popup (Displays in fullscreen) #40

Pujapuppy opened this issue Apr 5, 2021 · 2 comments

Comments

@Pujapuppy
Copy link

Pujapuppy commented Apr 5, 2021

  1. Create a popup that gives user instruction on how to exit the fullscreen mode. This popup displays in fullscreen mobile view. (HTML in the attached doc)
  2. On click of the close button, the popup should close.

Design Link: http://baaqmddesign.azurewebsites.net/Drawing_Tool/MobileMaps/MapHelpPopup.html

Screen Shot 2021-04-05 at 1 40 54 PM

MobileMapHelpPopUp.docx

@Pujapuppy Pujapuppy changed the title Add Help Popup (Displays in fullscreen) Mobile Map - Add Help Popup (Displays in fullscreen) Apr 5, 2021
robgaston added a commit that referenced this issue Aug 11, 2021
@robgaston
Copy link
Contributor

@Pujapuppy I've added this control to the map, you can see it in action here when you enter fullscreen mode. it should only show up the first time you enter fullscreen in a given session.

the styles for this control, however seem a bit problematic. i was able to get it positioned approximately right on deskyop, but it doesn't show up on mobile at the moment. could you please take a look at the stylesheets and suggest some fixes? thanks!

@Pujapuppy
Copy link
Author

@robgaston I updated the styles for the help popup and the "Tap to Expand". Both styles.scss and mobile.scss are updated here: https://drive.google.com/drive/folders/1v7w5JXgdnD4ilb9OWvXFP1u2ce3xLEzK?usp=sharing. I also put the latest icomoon font in google drive - (the close icon isn't displaying on the help popup)

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

No branches or pull requests

2 participants