PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Add media queries and mobile viewport

Browse source
This commit is contained in:
Dale Harvey 2020-01-30 11:29:14 +01:00 committed by Jovan Gerodetti
parent 492dd42f4d
commit 74f798157f
2 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
res/welcome.html
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">

1
src/vector/index.html
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">