Skip to content

Add toggle buttons to hide header and footer#165

Merged
itsmartashub merged 6 commits intomasterfrom
feat/hide-distracting-elements
Aug 27, 2025
Merged

Add toggle buttons to hide header and footer#165
itsmartashub merged 6 commits intomasterfrom
feat/hide-distracting-elements

Conversation

@itsmartashub
Copy link
Owner

@itsmartashub itsmartashub commented Aug 27, 2025

Closes #164

  • Fix the issue of double headers appearing when toggling the header visibility -> Ensure only one header (desktop or mobile view) is displayed at a time
  • Watch out for Footer selector since it can remove the whole chatbox on DALLE modal layout -> Ensure the footer toggle functionality works as intended without affecting other elements
  • Develop a reusable hide element manager that allows easy expansion. The hiding functionality should be controlled by a single list of element selectors for simple maintenance

…de elements manager

- Restructure the file organization by separating `SELECTORS` into its own file within a new `config` folder
- Begin building a reusable hide elements manager and related components for better modularity
- Improve codebase organization, maintainability, and scalability by centralizing configuration and creating reusable utilities

Changes summary:
Restructured the file structure by isolating `SELECTORS` into a dedicated file, introduced a `config` folder, and started development on a reusable hide elements manager.
…oter (#164)

- Introduce custom CSS variables for controlling the visibility of the header and footer
- Add `display` property logic to utilize these CSS variables for showing/hiding elements
- Ensure flexibility and reusability in toggling header and footer visibility across the application

Changes summary:
Added custom CSS variables for hiding the header and footer, along with `display` property logic to leverage these variables for better control over element visibility.
…with state persistence (#164)

- Implement a feature to toggle the visibility of the header and footer
- Save the toggle state in storage to ensure persistence across sessions
- Use custom CSS variables to control the display property of the header and footer dynamically
- Provide users with greater control over the UI layout while maintaining usability

Changes summary:
Added a feature to toggle header and footer visibility, with the state saved in storage for persistence, using custom CSS variables for dynamic control.
…gle (#164)

- Add Tabler icons to the header and footer toggle buttons for better visual representation
- Ensure the icons align with the overall design language and improve user understanding
- Enhance the usability and aesthetics of the toggle controls for hiding/showing elements

Changes summary:
Added icons to the header and footer toggle buttons, improving their visual clarity and alignment with the application's design.
…ve double headers issue (#164)

- Extend the header hiding functionality to support tablet and mobile screens
- Fix the issue of double headers appearing when toggling the header visibility:
  - Ensure only one header (desktop or mobile view) is displayed at a time
- Improve the consistency and usability of the header toggle feature across all screen sizes

Changes summary:
Added header hiding functionality for mobile/tablet screens and resolved the double headers issue by ensuring only one header is visible at a time.
…oval in `DALL·E` layout (#164)

- Update the footer selector to fix the issue where toggling "hide footer" would inadvertently remove the chatbox in the DALL·E layout modal
- Ensure the footer toggle functionality works as intended without affecting other elements
- Improve the reliability and behavior of the footer toggle feature

Changes summary:
Updated the footer selector to resolve the issue of the chatbox being removed in the DALL·E layout modal when toggling "hide footer."
@itsmartashub itsmartashub self-assigned this Aug 27, 2025
@itsmartashub itsmartashub merged commit fa2d2cd into master Aug 27, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add toggle buttons to hide header and footer

1 participant