- Deleted the responsive webGUI plugin migration guide as it is no longer relevant.
- Removed associated images that were part of the guide.
This change cleans up the documentation by eliminating obsolete content. No further changes are pending for this task.
- Reintroduced the .content--non-responsive class to maintain a minimum width for complex page templates.
- Updated styles for definition lists to ensure proper layout and responsiveness.
- Added specific input field max-widths to improve usability in non-responsive contexts.
This change aims to ensure that non-responsive layouts are styled correctly while maintaining usability across various input types. No further changes are pending for this task.
- Added a Table of Contents for easier navigation.
- Updated the introduction to clarify the shift to responsive CSS.
- Improved explanations for common bugs and fixes, including detailed examples and formatting adjustments.
- Emphasized the importance of whitespace and structure in Markdown parsing.
- Included a warning about opting out of responsive layout, with clear options for developers.
This update aims to provide comprehensive guidance for developers transitioning to the responsive design system. No further changes are pending for this task.
- Added a new section detailing how to use the TableContainer class for wide tables to ensure they remain usable on all screen sizes.
- Included examples demonstrating the implementation before and after using the TableContainer class.
- This update enhances the guide by providing clear instructions for developers dealing with wide tables.
No further changes are pending for this task.
- Corrected image paths in the responsive webGUI plugin migration guide to ensure they point to the correct location.
- This change improves the clarity and accessibility of the guide's visual examples.
No further changes are pending for this task.
- Introduced a new migration guide detailing common issues with non-responsive .page files.
- Included examples of large buttons and misaligned settings labels, along with their fixes.
- Added images to illustrate the bugs and their resolutions.
This guide aims to assist developers in transitioning to the new responsive design system.
- Updated `generateContent` function to handle a new `ResponsiveLayout` flag in the page data array.
- Added a wrapper for non-responsive content based on the `ResponsiveLayout` flag.
- Adjusted CSS class naming for consistency in the `default-base.css` file.
- Set `ResponsiveLayout` to false in `AddVM.page` and `UpdateVM.page` for default behavior.
- Cleaned up HTML structure in `VMedit.php` to remove unnecessary class.
This change improves the flexibility of page layouts and ensures proper styling for non-responsive content.
- 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.
