Merge pull request #13818 from TitanNano/9814

Add media queries and mobile viewport (#12142)
This commit is contained in:
Travis Ralston 2020-05-27 09:04:10 -06:00 committed by GitHub
commit 332be9b4e1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 0 deletions

View File

@ -158,6 +158,16 @@ we don't have an account and should hide them. No account == no guest account ei
display: none; display: none;
} }
@media only screen and (max-width: 480px) {
.mx_ButtonRow {
flex-direction: column;
}
.mx_ButtonRow > * {
margin: 0 0 10px 0;
}
}
</style> </style>
<div class="mx_Parent"> <div class="mx_Parent">

View File

@ -15,6 +15,7 @@
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
<link rel="shortcut icon" href="<%= require('../../res/vector-icons/favicon.ico') %>"> <link rel="shortcut icon" href="<%= require('../../res/vector-icons/favicon.ico') %>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-title" content="Riot"> <meta name="apple-mobile-web-app-title" content="Riot">
<meta name="application-name" content="Riot"> <meta name="application-name" content="Riot">
<meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileColor" content="#da532c">