diff --git a/core/dashboard/index.php b/core/dashboard/index.php index 8e436891b7..c39278e854 100644 --- a/core/dashboard/index.php +++ b/core/dashboard/index.php @@ -227,33 +227,33 @@ @@ -465,33 +465,33 @@ function toggle_grid_row_end(dashboard_name) { let first_toggle = false; function toggle_grid_row_end_all() { - let widgets = document.querySelectorAll('div.widget'); + let widgets = document.querySelectorAll('div.widget'); - widgets.forEach(div => { - let state = div.getAttribute('data-state'); - let current_row_end = div.style.gridRowEnd; - let current_row_end_number = current_row_end.startsWith('span ') ? Number(current_row_end.replace('span ', '')) : 0; + widgets.forEach(div => { + let state = div.getAttribute('data-state'); + let current_row_end = div.style.gridRowEnd; + let current_row_end_number = current_row_end.startsWith('span ') ? Number(current_row_end.replace('span ', '')) : 0; // Skip if widget details state is disabled - if (state === 'disabled') { - return; - } + if (state === 'disabled') { + return; + } // On the first call, skip expanded widgets - if (!first_toggle && state === 'expanded') { - return; - } + if (!first_toggle && state === 'expanded') { + return; + } + + if (state === 'expanded') { + div.style.gridRowEnd = 'span ' + (current_row_end_number - 3); + div.dataset.state = 'contracted'; + } else { + div.style.gridRowEnd = 'span ' + (current_row_end_number + 3); + div.dataset.state = 'expanded'; + } + }); - if (state === 'expanded') { - div.style.gridRowEnd = 'span ' + (current_row_end_number - 3); - div.dataset.state = 'contracted'; - } else { - div.style.gridRowEnd = 'span ' + (current_row_end_number + 3); - div.dataset.state = 'expanded'; - } - }); - - first_toggle = true; + first_toggle = true; } @@ -502,8 +502,9 @@ function toggle_grid_row_end_all() { echo "