diff --git a/resources/static/dialog/css/m.css b/resources/static/dialog/css/m.css index ff2ee544b1ecc1f17c11781afb4dfa69e4e2313b..ac8b2285240c5f6f43d8bce5d1c9547415d87b1c 100644 --- a/resources/static/dialog/css/m.css +++ b/resources/static/dialog/css/m.css @@ -2,6 +2,9 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +/* If the max-width changes, the size given in screen_size_hacks.js must be + * updated as well. + */ @media screen and (max-width: 640px) { header, footer { diff --git a/resources/static/dialog/resources/screen_size_hacks.js b/resources/static/dialog/resources/screen_size_hacks.js index c304ca0e4cd3cac9d242d47d07a78f3993e78e30..8cc8871bbf27b819841052c9aeb5f3220c7b5a11 100644 --- a/resources/static/dialog/resources/screen_size_hacks.js +++ b/resources/static/dialog/resources/screen_size_hacks.js @@ -12,7 +12,10 @@ signInEl = $("#signIn"); selectEmailEl.css("position", "static"); - if($(window).width() >= 640) { + + // The mobile breakpoint is 640px in the CSS. If the max-width is changed + // there, it must be changed here as well. + if($(window).width() > 640) { // First, remove the mobile hacks selectEmailEl.css("width", ""); contentEl.css("min-height", "");