Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-17 15:25:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1252495 - Global Toolbar should be always visible; r=jryans

Browse Source 
MozReview-Commit-ID: IJrrY5ycmXh

--HG--
extra : histedit_source : 87acb77adbc9daf26944fafdfd11ecc1b4f64d57
This commit is contained in:
Matteo Ferretti 2016-04-04 19:50:17 +02:00
parent 5c9a95e828
commit b45fba516e
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
devtools/client/responsive.html/index.css
View File

@ -31,18 +31,23 @@ html, body {
height: 100%;
}
body {
/* Only allow horizontal scrolling when more viewports are added */
overflow-y: hidden;
#root {
display: flex;
flex-direction: column;
justify-content: center;
}
#app {
height: 100%;
/* Center the viewports container */
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
/* Snap to the top of the app when there isn't enough vertical space anymore
to center the viewports (so we don't lose the global toolbar) */
position: sticky;
top: 0;
}
/**
@ -114,13 +119,10 @@ body {
#viewports {
/* Snap to the top of the app when there isn't enough vertical space anymore
to center the viewports (so we don't loose the toolbar) */
position: sticky;
top: 0;
/* Make sure left-most viewport is visible when there's horizontal overflow.
That is, when the horizontal space become smaller than the viewports and a
scrollbar appears, then the first viewport will still be visible */
position: sticky;
left: 0;
/* Individual viewports are inline elements, make sure they stay on a single
line */