Issue for Transparent background for drop downs

Created on 4 May 2025, 12 days ago

Problem/Motivation

Hello! Previously I submitted an issue about drop down menus having transparent background (see https://www.drupal.org/project/solo/issues/3512020 πŸ› Transparent background for drop downs Active ). I've recently upgraded Solo to 1.0.19, the issue seemed to be back. I thought the development branch was merged. If not, can you please point me to the file that was changed to fix the background? Thank you so much for your help!

πŸ’¬ Support request
Status

Active

Version

1.0

Component

Code

Created by

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

Comments & Activities

  • Issue created by @ikam
  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Hello,

    The background issue has been addressed and merged. Previously, the background variable was applied to all ul and ol elements except when they were rendered within a field or a Views field. In the example under the "Operations" group (see: https://www.drupal.org/files/issues/2025-03-10/TransparentDropdown.png β†’ ), I discovered that the element in question uses the .views-field class, which was excluding it from receiving the background variable.

    To ensure consistency across the system, I’ve added the background variable directly to the dropbutton-wrapper.html.twig template. This way, any dropdown rendered by Drupal regardless of where it appears will consistently apply the background color variable.

    .page-wrapper .dropbutton-widget {
      background-color: var(--r-bg);
    }
    

    The update has been pushed to the dev branch, feel free to use it. If you prefer not to use the dev version, you can apply the code snippet above in your theme settings as a temporary workaround until the next release.

    Best wisehs,
    Alaa

  • Hi Alaa - thank you so much for your fast response and the fix! I've tried the fix from the dev branch and the menu background is working/displaying correctly. Much appreciate it!

  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    You are welcome!

Production build 0.71.5 2024