- Introduced manualSpacingOffset parameter in DockerContainers.page and VMMachines.page to prevent unwanted scrollable space in the main content.
- Updated fillAvailableHeight calls to include this parameter, enhancing the overall layout consistency across pages.
- Enhanced the fillAvailableHeight function in BodyInlineJS.php to refine height calculations by ensuring proper handling of element selectors and margins.
- Adjusted logic to prevent unnecessary spacing for specific elements, improving layout accuracy.
- Cleaned up code for better readability and maintainability.
- Replaced existing resize functions with fillAvailableHeight calls in multiple pages for consistent dynamic height adjustments.
- Updated PageMap.page, Processes.page, Syslog.page, Vars.page, DockerContainers.page, VMMachines.page to utilize fillAvailableHeight with appropriate parameters.
- Wrapped relevant elements in 'js-fill-available-height' and 'js-actions' divs for improved structure and layout clarity.
- Added a resize event listener to the fillAvailableHeight function in BodyInlineJS.php to ensure dynamic height adjustments on window resize.
- Implemented a debounced handler to optimize performance and prevent excessive function calls during rapid resize events.
- This enhancement improves the responsiveness of the layout by maintaining appropriate element heights as the window size changes.
- Introduced a new debounce function in HeadInlineJS.php to optimize function calls by limiting the rate at which a function can fire.
- This enhancement aims to improve performance in scenarios where rapid function calls may occur, such as during user input events.
- Updated the fillAvailableHeight function in BodyInlineJS.php to include additional element selectors for height and spacing calculations.
- Improved the handling of dynamic height adjustments by allowing more flexible parameter inputs.
- Clarified comments for better understanding of the height and spacing logic.
- Replaced the existing resize function with fillAvailableHeight for better dynamic resizing of elements.
- Wrapped the map display in a new div with class 'js-fill-available-height' for improved structure.
- Ensured the 'Done' button is now within a separate 'js-actions' div for clearer layout.
- Modified the documentation comment for the fillAvailableHeight function in BodyInlineJS.php to specify that it must be used within a jQuery ready function.
- Ensured clarity in the example usage to improve developer understanding and implementation.
- Updated the fillAvailableHeight function in BodyInlineJS.php to accept parameters for better flexibility in resizing elements.
- Modified Syslog.page to utilize the new parameters for dynamic height adjustment of specific elements.
- Improved code readability and maintainability by restructuring the function and its parameters.
- Updated PHP opening tags from `<?PHP` to `<?php` for consistency.
- Reformatted code for improved readability in Syslog.page.
- Added a new function `fillAvailableHeight` in BodyInlineJS.php to dynamically resize elements for better layout.
- Updated CSS to remove unnecessary gap and margin for a cleaner design in Syslog.css.
- Enhanced the syslog controls and output structure for improved usability.
- Changed the class of the domain div to .Content--non-responsive for better styling.
- Wrapped the status checkboxes in a new table structure to enhance layout consistency in the VM form.
- Added a min-width of 1200px to the .Content--non-responsive class in default-base.css to prevent rewrites of complex page templates for responsive layout.
- Reverted the banner path from `$config/webGui/banner.png` to `$config/plugins/dynamix/banner.png` to reflect the correct storage location on the boot drive.
- Changed the viewport meta tag from a fixed width to a responsive setting (width=device-width, initial-scale=1.0) to enhance mobile compatibility and improve layout on various devices.
- Updated PHP opening tags from `<?PHP` to `<?php` for consistency.
- Reformatted function definitions and control structures for improved readability.
- Adjusted spacing around array keys and values for better alignment.
- Set width to 100% and max-width to 100rem for better layout control.
- Adjusted min-height to 35vh while maintaining max-height at 70vh for enhanced flexibility.
This change aims to improve the responsiveness of the icon-zip component.
- Adjusted gap values in DashStats.page for improved alignment and spacing.
- Updated CSS in DashStats.css to enhance layout controls and added new styles for tile-header-right-controls.
- Commented out letter-spacing in default-base.css for better text presentation and adjusted control styles for consistency.
This update aims to enhance the visual clarity and responsiveness of the dashboard layout.
