From 4629df17b40deedda37ce8333173045d836e6df5 Mon Sep 17 00:00:00 2001 From: Zack Arnett Date: Sun, 19 Apr 2020 08:51:02 -0400 Subject: [PATCH] Cosmetic Update (#753) * UI changes * New (header) style was missing on some pages * Added/changed new localization strings * Unify page titles / apply .title class everywhere * Reduce spacing below page title Co-authored-by: Bernd Bestel --- localization/strings.pot | 4 +- public/css/grocy.css | 68 ++++++++++ public/viewjs/batteriesoverview.js | 2 +- public/viewjs/choresoverview.js | 4 +- public/viewjs/shoppinglist.js | 2 +- public/viewjs/stockoverview.js | 2 +- public/viewjs/tasks.js | 2 +- views/about.blade.php | 4 +- views/barcodescannertesting.blade.php | 7 +- views/batteries.blade.php | 34 +++-- views/batteriesjournal.blade.php | 23 ++-- views/batteriesoverview.blade.php | 42 ++++--- views/batteriessettings.blade.php | 8 +- views/batteryform.blade.php | 7 +- views/batterytracking.blade.php | 4 +- views/calendar.blade.php | 15 ++- views/choreform.blade.php | 8 +- views/chores.blade.php | 34 +++-- views/choresjournal.blade.php | 29 +++-- views/choresoverview.blade.php | 66 ++++++---- views/choressettings.blade.php | 8 +- views/choretracking.blade.php | 4 +- views/consume.blade.php | 25 ++-- views/equipment.blade.php | 23 ++-- views/equipmentform.blade.php | 8 +- views/inventory.blade.php | 4 +- views/locationform.blade.php | 8 +- views/locations.blade.php | 34 +++-- views/login.blade.php | 4 +- views/manageapikeys.blade.php | 24 ++-- views/mealplan.blade.php | 5 +- views/productform.blade.php | 9 +- views/productgroupform.blade.php | 8 +- views/productgroups.blade.php | 34 +++-- views/products.blade.php | 57 +++++---- views/purchase.blade.php | 25 ++-- views/quantityunitconversionform.blade.php | 9 +- views/quantityunitform.blade.php | 8 +- views/quantityunitpluraltesting.blade.php | 8 +- views/quantityunits.blade.php | 34 +++-- views/recipeform.blade.php | 4 +- views/recipeposform.blade.php | 7 +- views/recipes.blade.php | 47 ++++--- views/recipessettings.blade.php | 8 +- views/shoppinglist.blade.php | 139 +++++++++++---------- views/shoppinglistform.blade.php | 8 +- views/shoppinglistitemform.blade.php | 8 +- views/shoppinglistsettings.blade.php | 8 +- views/shoppinglocationform.blade.php | 8 +- views/shoppinglocations.blade.php | 33 +++-- views/stockentries.blade.php | 4 +- views/stockentryform.blade.php | 7 +- views/stockjournal.blade.php | 29 +++-- views/stockoverview.blade.php | 110 +++++++++------- views/stocksettings.blade.php | 8 +- views/taskcategories.blade.php | 34 +++-- views/taskcategoryform.blade.php | 8 +- views/taskform.blade.php | 8 +- views/tasks.blade.php | 51 +++++--- views/taskssettings.blade.php | 7 +- views/transfer.blade.php | 3 +- views/userentities.blade.php | 24 ++-- views/userentityform.blade.php | 8 +- views/userfieldform.blade.php | 8 +- views/userfields.blade.php | 41 +++--- views/userform.blade.php | 8 +- views/userobjectform.blade.php | 8 +- views/userobjects.blade.php | 36 ++++-- views/users.blade.php | 24 ++-- 69 files changed, 915 insertions(+), 485 deletions(-) diff --git a/localization/strings.pot b/localization/strings.pot index d06db14f..3292c1bd 100644 --- a/localization/strings.pot +++ b/localization/strings.pot @@ -737,7 +737,7 @@ msgstr "" msgid "When not set, you will get logged out at latest after 30 days" msgstr "" -msgid "Filter by status" +msgid "Status" msgstr "" msgid "Below min. stock amount" @@ -1430,7 +1430,7 @@ msgstr "" msgid "assigned to %s" msgstr "" -msgid "Filter by assignment" +msgid "Assignment" msgstr "" msgid "Consume product on chore execution" diff --git a/public/css/grocy.css b/public/css/grocy.css index 90c05ee6..937d1586 100644 --- a/public/css/grocy.css +++ b/public/css/grocy.css @@ -430,3 +430,71 @@ canvas.drawingBuffer { left: 0; top: 0; } + + +.warning-message, +.error-message, +.normal-message { + padding: 12px; + font-weight: bold; + width: fit-content; + border-top: 6px solid; +} + +.warning-message { + background-color: #fffaeb; + color: #7c5e10; + border-top-color: #e9b949; +} + +.error-message { + background-color: #ffeeee; + color: #780a0a; + border-top-color: #ba2525; +} + +.normal-message { + background-color: #e0e8f9; + color: #2d3a8c; + border-top-color: #4c63b6; +} + +.status-filter-message, +.user-filter-message { + display: inline-block; + cursor: pointer; +} + +#info-current-stock { + font-size: 1.5em; + font-weight: 500; + line-height: 1.2; +} + +.related-links .btn { + font-size: 14px; +} + +.title { + display: inline-block; + margin-bottom: 0 !important; +} + +.title-related-links { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; +} + +.custom-control-label { + padding-top: 7px; + padding-left: 10px; +} + +.custom-control-label::before, +.custom-control-label::after { + top: 0.8rem; + width: 1.25rem; + height: 1.25rem; +} diff --git a/public/viewjs/batteriesoverview.js b/public/viewjs/batteriesoverview.js index 32a02cb4..4d5326d3 100644 --- a/public/viewjs/batteriesoverview.js +++ b/public/viewjs/batteriesoverview.js @@ -33,7 +33,7 @@ $("#status-filter").on("change", function() batteriesOverviewTable.column(4).search(value).draw(); }); -$(".status-filter-button").on("click", function() +$(".status-filter-message").on("click", function() { var value = $(this).data("status-filter"); $("#status-filter").val(value); diff --git a/public/viewjs/choresoverview.js b/public/viewjs/choresoverview.js index b08a2e1f..8fed886a 100644 --- a/public/viewjs/choresoverview.js +++ b/public/viewjs/choresoverview.js @@ -52,14 +52,14 @@ $("#user-filter").on("change", function() } }); -$(".status-filter-button").on("click", function() +$(".status-filter-message").on("click", function() { var value = $(this).data("status-filter"); $("#status-filter").val(value); $("#status-filter").trigger("change"); }); -$(".user-filter-button").on("click", function() +$(".user-filter-message").on("click", function() { var value = $(this).data("user-filter"); $("#user-filter").val(value); diff --git a/public/viewjs/shoppinglist.js b/public/viewjs/shoppinglist.js index 243de784..65ca7649 100644 --- a/public/viewjs/shoppinglist.js +++ b/public/viewjs/shoppinglist.js @@ -68,7 +68,7 @@ $("#selected-shopping-list").on("change", function() window.location.href = U('/shoppinglist?list=' + value); }); -$(".status-filter-button").on("click", function() +$(".status-filter-message").on("click", function() { var value = $(this).data("status-filter"); $("#status-filter").val(value); diff --git a/public/viewjs/stockoverview.js b/public/viewjs/stockoverview.js index 8d90abf1..4cb6e205 100644 --- a/public/viewjs/stockoverview.js +++ b/public/viewjs/stockoverview.js @@ -47,7 +47,7 @@ $("#status-filter").on("change", function() stockOverviewTable.column(5).search(value).draw(); }); -$(".status-filter-button").on("click", function() +$(".status-filter-message").on("click", function() { var value = $(this).data("status-filter"); $("#status-filter").val(value); diff --git a/public/viewjs/tasks.js b/public/viewjs/tasks.js index de0d0fb7..b01ff5d2 100644 --- a/public/viewjs/tasks.js +++ b/public/viewjs/tasks.js @@ -37,7 +37,7 @@ $("#status-filter").on("change", function() tasksTable.column(5).search(value).draw(); }); -$(".status-filter-button").on("click", function() +$(".status-filter-message").on("click", function() { var value = $(this).data("status-filter"); $("#status-filter").val(value); diff --git a/views/about.blade.php b/views/about.blade.php index 78de67ce..70142e69 100644 --- a/views/about.blade.php +++ b/views/about.blade.php @@ -6,8 +6,8 @@ @section('content')
-

@yield('title')

- +

@yield('title')

+