- Added gap and padding to the textarea for improved layout.
- Changed height to min-height to maintain legacy compatibility while allowing for responsive design.
This change aims to improve the visual appearance and usability of text areas in the web interface. No further changes are pending for this task.
- Removed unnecessary <unraid-i18n-host> wrapper from LogViewer.page for cleaner code.
- Adjusted the structure to directly include <unraid-log-viewer>.
This change aims to enhance code readability and maintainability by streamlining the Log Viewer component. No further changes are pending for this task.
- Removed unnecessary wrapper div and adjusted the header layout in Header.php for cleaner code.
- Updated CSS to reflect changes in the header structure, ensuring proper styling for the unraid-header-os-version component.
This change aims to enhance code readability and maintainability by streamlining the header layout. No further changes are pending for this task.
- Added custom color settings for the activity bar, status bar, and title bar in the .vscode/settings.json file.
- Introduced peacock color configuration to improve visual consistency.
This change aims to enhance the development environment's appearance and usability. No further changes are pending for this task.
- Introduced the <unraid-modals> component to the DefaultPageLayout.php file to enhance modal functionality across the web interface.
This change aims to improve user interaction by integrating modal support. No further changes are pending for this task.
- Changed short PHP opening tags to standard long tags for consistency.
- Enhanced code readability by adding braces to control structures.
- Improved formatting for better maintainability.
This update aims to ensure uniformity in PHP code and enhance overall readability. No further changes are pending for this task.
- 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.
Zack Spear