kenmirrors/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2025-04-29 17:45:39 +00:00
Code Issues Projects Releases Wiki Activity

Further optimized shopping list compact view (references #453)

Browse Source
This commit is contained in:
Bernd Bestel 2020-02-01 12:35:06 +01:00
parent debb29ddaa
commit 683ea0984c
No known key found for this signature in database
GPG Key ID: 71BD34C0D4891300
3 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/css/grocy.css
View File

@ -60,13 +60,6 @@ a.discrete-link:focus {
background-color: #ffffff; background-color: #ffffff;
} }
.fullscreen-card .fullscreen-no-gutters {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Fixes smooth scrolling on iOS */ /* Fixes smooth scrolling on iOS */
#sidebarResponsive, #sidebarResponsive,
.fullscreen { .fullscreen {

4
public/viewjs/shoppinglist.js
View File

@ -359,6 +359,10 @@ $(".switch-view-mode-button").on('click', function(e)
e.preventDefault(); e.preventDefault();
$("#shoppinglist-main").toggleClass("fullscreen"); $("#shoppinglist-main").toggleClass("fullscreen");
$("#shoppinglist-main").toggleClass("px-0 mx-0");
$("#shoppinglist-main").children(":first").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"); $("body").toggleClass("fullscreen-card");
$("#shopping-list-normal-view-button").toggleClass("d-none"); $("#shopping-list-normal-view-button").toggleClass("d-none");
$("#mainNav").toggleClass("d-none"); $("#mainNav").toggleClass("d-none");

6
views/shoppinglist.blade.php
View File

@ -93,8 +93,8 @@
</div> </div>
</div> </div>
<div id="shoppinglist-main" class="row d-print-none fullscreen-no-gutters"> <div id="shoppinglist-main" class="row d-print-none">
<div class="col-xs-12 col-md-8 pb-3 fullscreen-no-gutters"> <div class="col-xs-12 col-md-8 pb-3">
<a id="shopping-list-normal-view-button" class="btn btn-outline-dark btn-block switch-view-mode-button d-none" href="#"> <a id="shopping-list-normal-view-button" class="btn btn-outline-dark btn-block switch-view-mode-button d-none" href="#">
<i class="fas fa-expand-arrows-alt"></i> {{ $__t('Normal view') }} <i class="fas fa-expand-arrows-alt"></i> {{ $__t('Normal view') }}
</a> </a>
@ -161,7 +161,7 @@
@include('components.calendarcard') @include('components.calendarcard')
</div> </div>
<div class="col-xs-12 col-md-8 d-print-none px-0 pt-2"> <div class="col-xs-12 col-md-8 d-print-none pt-2">
<div class="form-group"> <div class="form-group">
<label class="text-larger font-weight-bold" for="notes">{{ $__t('Notes') }}</label> <label class="text-larger font-weight-bold" for="notes">{{ $__t('Notes') }}</label>
<a id="save-description-button" class="btn btn-success btn-sm ml-1 mb-2" href="#">{{ $__t('Save') }}</a> <a id="save-description-button" class="btn btn-success btn-sm ml-1 mb-2" href="#">{{ $__t('Save') }}</a>