From 74f798157f44561eb24f4dacefc60e04afe92676 Mon Sep 17 00:00:00 2001 From: Dale Harvey <dale@arandomurl.com> Date: Thu, 30 Jan 2020 11:29:14 +0100 Subject: [PATCH] Add media queries and mobile viewport --- res/welcome.html | 10 ++++++++++ src/vector/index.html | 1 + 2 files changed, 11 insertions(+) diff --git a/res/welcome.html b/res/welcome.html index 5331a934f0..67a6a0ae7f 100644 --- a/res/welcome.html +++ b/res/welcome.html @@ -158,6 +158,16 @@ we don't have an account and should hide them. No account == no guest account ei display: none; } +@media only screen and (max-width : 480px) { + .mx_ButtonRow { + flex-direction: column; + } + + .mx_ButtonRow > * { + margin: 0 0 10px 0; + } +} + </style> <div class="mx_Parent"> diff --git a/src/vector/index.html b/src/vector/index.html index f93eb84a1a..6ebfc8d268 100644 --- a/src/vector/index.html +++ b/src/vector/index.html @@ -15,6 +15,7 @@ <link rel="manifest" href="manifest.json"> <meta name="referrer" content="no-referrer"> <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="application-name" content="Riot"> <meta name="msapplication-TileColor" content="#da532c">