diff --git a/public/css/grocy.css b/public/css/grocy.css index 90c05ee6..0aa3d9f2 100644 --- a/public/css/grocy.css +++ b/public/css/grocy.css @@ -430,3 +430,70 @@ 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; +} + +.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/barcodescannertesting.blade.php b/views/barcodescannertesting.blade.php index c3d6725b..31d71854 100644 --- a/views/barcodescannertesting.blade.php +++ b/views/barcodescannertesting.blade.php @@ -9,9 +9,14 @@ @endpush @section('content') +