Broken styles in Off Canvas Settings Tray

Created on 9 April 2025, about 1 month ago

Styles in the Off Canvas Settings Tray are overriding the module's css styles and causing a broken display due to their higher specificity. You can see in the screenshot that the styles are reset due to the high specificity of #drupal-off-canvas-wrapper. FYI, the thumbnail image I used is just a blank red image.

πŸ› Bug report
Status

Active

Version

2.0

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States segovia94

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @segovia94
  • πŸ‡ΊπŸ‡ΈUnited States jastraat

    Marking this as minor.

  • πŸ‡ΊπŸ‡ΈUnited States jastraat

    Could you clarify how you would expect these to appear in the off canvas region? It's not wide enough to really use a grid layout.

  • πŸ‡ΊπŸ‡ΈUnited States jastraat
  • πŸ‡ΊπŸ‡ΈUnited States segovia94

    This is not a desired design per se, but I just put the image to the left of the title on my site. It could easily be set to use a container query or something similar to put the text under the image if horizontal space does not allow the side by side display. Happy to post a patch if something like this is a direction to go with.

  • πŸ‡ΊπŸ‡ΈUnited States jastraat

    This seems like something you could customize with a CSS file in a custom module - not necessarily something that needs to be in section library itself.

    The module is designed to integrate with the iframe modal and layout builder modal contrib modules as well, so the theming needs to be pretty minimal.

Production build 0.71.5 2024