Merge pull request #13818 from TitanNano/9814

Add media queries and mobile viewport (#12142)
element-hq · May 27, 2020 · 332be9b · 332be9b
2 parents 492dd42 + 0616199
commit 332be9b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/res/welcome.html b/res/welcome.html
@@ -158,6 +158,16 @@
     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
@@ -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">