Skip to content
This repository has been archived by the owner on Aug 26, 2020. It is now read-only.

Content Width Issue #293

Open
emartinez-usgs opened this issue Jun 28, 2018 · 2 comments
Open

Content Width Issue #293

emartinez-usgs opened this issue Jun 28, 2018 · 2 comments
Labels
angular-template Issues concerning the angular implementation of the template

Comments

@emartinez-usgs
Copy link
Member

On smaller screens wider than the mobile breakpoint, but too narrow to include the side navigation along with page content, horizontal window scrolling gets introduced.

I think this is because the .sidenav-content element is not properly resized for these intermediate screen sizes. See attached screenshot.

screen shot 2018-06-28 at 9 20 22 am

@emartinez-usgs emartinez-usgs added the angular-template Issues concerning the angular implementation of the template label Jun 28, 2018
@jmfee-usgs
Copy link
Contributor

this may be related to the forecast module content, not being constrained to max-width?

@emartinez-usgs
Copy link
Member Author

No, this happens on several modules. The sidenav-content container is too large and should be constrained. Adding max-width 100% to OAF had no effect.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
angular-template Issues concerning the angular implementation of the template
Projects
None yet
Development

No branches or pull requests

2 participants