Conflict with core system/base hidden.module.css

Created on 23 May 2025, 15 days ago

Problem/Motivation

I have an element that needs to be hidden on smaller screens, and shown on larger ones.
So I have set it up with the following classes:
<div class="hidden lg:block">Show this only on large screens.</div>

The file `css/components/hidden.module.css` in Drupal core's system/base library also contains a definition for .hidden classes, and seems to take precedence over the DaisyUI / Tailwind logic.

The result is: my block is not shown on larger screens, even though that is desired.

Proposed resolution

Override the hidden.module.css logic, to avoid this behaviour for .hidden classes. Other functionalities provided by this CSS file should remain intact.

πŸ› Bug report
Status

Active

Version

5.0

Component

Code

Created by

πŸ‡§πŸ‡ͺBelgium svendecabooter Gent

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024