From b4a759c0fc8082323d06e24b76212086a9a51f3f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Leroy=20F=C3=B6rster?= Date: Mon, 3 Feb 2020 08:48:37 +0100 Subject: [PATCH] Use full width for compact shopping list (#541) I had luck with not enforcing any width, not even 100% and removed the padding an margin overrides from the shoppinglist.js I also tested it on a real Android device to be really sure. --- public/css/grocy.css | 1 - public/viewjs/shoppinglist.js | 1 - 2 files changed, 2 deletions(-) diff --git a/public/css/grocy.css b/public/css/grocy.css index 5d43af2a..a869506e 100644 --- a/public/css/grocy.css +++ b/public/css/grocy.css @@ -51,7 +51,6 @@ a.discrete-link:focus { .fullscreen { z-index: 8888; - width: 100%; height: 100%; position: fixed; top: 0; diff --git a/public/viewjs/shoppinglist.js b/public/viewjs/shoppinglist.js index 2a7cc52a..72fc7bc1 100644 --- a/public/viewjs/shoppinglist.js +++ b/public/viewjs/shoppinglist.js @@ -359,7 +359,6 @@ $(".switch-view-mode-button").on('click', function(e) e.preventDefault(); $("#shoppinglist-main").toggleClass("fullscreen"); - $("#shoppinglist-main").toggleClass("px-0 mx-0"); $(".dataTables_scrollHeadInner").width(""); // Remove absolute width on element set by DataTables $(".dataTables_scrollHeadInner table").width(""); // Remove absolute width on element set by DataTables $("body").toggleClass("fullscreen-card");