From: Carl Worth <cworth@cworth.org>
Date: Sat, 16 May 2020 22:17:05 +0000 (-0700)
Subject: Never allow the background body color to be seen on a tiny screen
X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=commitdiff_plain;h=d54163b95cb2461593faf2656fbfd4d53437a8df;hp=8db32e8a3caaf682590d302c8453a9859ee63007

Never allow the background body color to be seen on a tiny screen

This breaks the illusion of "full screen" which we want to maintain on
small devices.
---

diff --git a/style.css b/style.css
index 90ee7bd..4cb0b3f 100644
--- a/style.css
+++ b/style.css
@@ -38,6 +38,16 @@ body {
     background-color: white;
 }
 
+/* For a small screen (in either width or height) change the
+ * background of the body element to white so the application always
+ * appears as if it is "full screen".
+ */
+@media screen and (max-width: 500px) and (max-height: 860px) {
+    body {
+        background-color: white;
+    }
+}
+
 /* We never let the page content get larger than a large fixed width.
  *
  * And when the screen is wide enough, we can afford some "wasted"