Skip to content

polish: sizing tweaks for extremely narrow viewports#2298

Merged
patrickhulce merged 2 commits intomasterfrom
devtools_sizing_tweaks
May 18, 2017
Merged

polish: sizing tweaks for extremely narrow viewports#2298
patrickhulce merged 2 commits intomasterfrom
devtools_sizing_tweaks

Conversation

@patrickhulce
Copy link
Collaborator

@media screen and (max-width: 767px) {
.lh-report {
margin-left: 0;
width: 100%;
Copy link
Member

@paulirish paulirish May 18, 2017

Choose a reason for hiding this comment

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

i think we should set one min-width on lh-report or similar container...

to avoid this sorta thing

narrow

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

sure, it seems to be a grab bag across devtools which panes shrink forever like this and which don't shrink at all and scroll as soon as it's less narrower than content, at what size do we want to stop shrinking?

Copy link
Member

Choose a reason for hiding this comment

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

something reasonable.

i trust your judgement. :)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

added min-width 400px which is enough to cover the header gauges to prevent them from being their own separate scroll box, can probably lower it after #2297 :)

@patrickhulce patrickhulce merged commit 180725e into master May 18, 2017
@patrickhulce patrickhulce deleted the devtools_sizing_tweaks branch May 18, 2017 18:57
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.

3 participants