PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make wish edit modal full screen on small viewports

Browse source
This commit is contained in:
grandeljay 2022-12-31 13:43:55 +01:00
parent ac57daee5e
commit a0d911016f
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/assets/js/parts/wish.js
View file

@ -146,6 +146,7 @@ $(function () {
$(document).on('click', wish_button_options_edit, function() { $(document).on('click', wish_button_options_edit, function() {
var wish_edit_template = $('template#wish-edit').clone(true, true); var wish_edit_template = $('template#wish-edit').clone(true, true);
var wish_edit = wish_edit_template.contents().filter(function() { return this.nodeType !== 3; }); var wish_edit = wish_edit_template.contents().filter(function() { return this.nodeType !== 3; });
var wish_edit_size = window.matchMedia('(max-width: 768px)').matches ? 'overlay fullscreen' : 'large';
/** /**
* Initialise * Initialise
@ -172,7 +173,9 @@ $(function () {
*/ */
var wish_local = wish; var wish_local = wish;
wish_edit.modal('show'); wish_edit
.modal('show')
.addClass(wish_edit_size);
/** Initialise Tabs */ /** Initialise Tabs */
wish_edit.find('.item[data-tab]') wish_edit.find('.item[data-tab]')