From d54163b95cb2461593faf2656fbfd4d53437a8df Mon Sep 17 00:00:00 2001 From: Carl Worth Date: Sat, 16 May 2020 15:17:05 -0700 Subject: [PATCH] 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. --- style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) 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" -- 2.43.0