forked from mystiq/hydrogen-web
fix composer not being visible on mobile
This commit is contained in:
parent
08967755c3
commit
a04a6a83be
1 changed files with 5 additions and 2 deletions
|
@ -19,7 +19,6 @@ html {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width: 600px) {
|
@media screen and (min-width: 600px) {
|
||||||
.PreSessionScreen {
|
.PreSessionScreen {
|
||||||
width: 600px;
|
width: 600px;
|
||||||
|
@ -32,7 +31,11 @@ html {
|
||||||
.SessionView {
|
.SessionView {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
/* this takes into account whether or not the url bar is hidden on mobile
|
||||||
|
(have tested Firefox Android and Safari on iOS),
|
||||||
|
see https://developers.google.com/web/updates/2016/12/url-bar-resizing */
|
||||||
|
position: fixed;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.SessionView > .main {
|
.SessionView > .main {
|
||||||
|
|
Loading…
Reference in a new issue