adam/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-08-06 16:53:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixes #2051 Move the widget as space becomes available

Browse Source 
I calculate the overflow and if it is too much we align the widget to the right of the filter and calculation takes place each time the window is resized
This commit is contained in:
Willy "Linty
2023-11-27 18:35:06 +01:00
parent 09d30129cd
commit 8103c48461
1 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/default/js/mcs.js
+29 -1
View File
@@ -844,4 +844,32 @@ function updateFilters(filterName, mode) {
function reloadPage(url){
window.location.href = url;
}
}
/**
* Replace the filter_form elements if they exceed the window
*/
function resize_filter_form(){
$('.filter').each(function() {
const window_width = $(window).innerWidth();
const left_distance = $(this).offset().left;
const filter_form = $(this).find($('.filter-form'));
const filter_form_width = filter_form.innerWidth();
const too_left = (left_distance + $(this).innerWidth()) - filter_form_width;
filter_form.css('left', '0px');
if(left_distance + filter_form_width > window_width) {
console.log($(this)[0].outerText + ': dépasse de ' + (window_width - left_distance) + filter_form_width + 'px');
const check_left = too_left < 0 ? Math.abs(too_left - 5) : 0;
const replace_form_width = - filter_form_width + $(this).innerWidth() + check_left;
filter_form.css('left', replace_form_width+'px');
}
});
}
$(window).on('load', function() {
resize_filter_form();
});
$(window).on('resize', function() {
resize_filter_form();
});