Commit 9a4d0ad
Fix: Scope Flowbite .hidden rule to dropdowns only
ROOT CAUSE: flowbite-minimal.css defined a global
`.hidden { display: none !important; }` which overrode Tailwind's
responsive utilities like `md:flex`, `md:block`, etc.
Elements with `class="hidden md:flex"` would stay hidden on desktop
because !important always wins regardless of media queries.
FIX: Scoped the hidden rule to dropdown containers only:
`.dropdown-menu.hidden, [id$="-dropdown"].hidden { display: none; }`
Removed !important so Tailwind utilities work as expected.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>1 parent 6467651 commit 9a4d0ad
File tree
2 files changed
+7
-6
lines changed- app/assets/stylesheets
- public
2 files changed
+7
-6
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
37 | 37 | | |
38 | 38 | | |
39 | 39 | | |
40 | | - | |
41 | | - | |
42 | | - | |
| 40 | + | |
| 41 | + | |
| 42 | + | |
| 43 | + | |
43 | 44 | | |
44 | 45 | | |
45 | 46 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | 1 | | |
2 | 2 | | |
3 | 3 | | |
4 | | - | |
5 | | - | |
6 | | - | |
| 4 | + | |
| 5 | + | |
| 6 | + | |
7 | 7 | | |
8 | 8 | | |
9 | 9 | | |
| |||
0 commit comments