Skip to content

Commit 9a4d0ad

Browse files
etewiahclaude
andcommitted
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

2 files changed

+7
-6
lines changed

app/assets/stylesheets/flowbite-minimal.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,10 @@
3737
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3838
}
3939

40-
/* Hidden state for dropdowns */
41-
.hidden {
42-
display: none !important;
40+
/* Hidden state for dropdowns (scoped to dropdown containers only) */
41+
.dropdown-menu.hidden,
42+
[id$="-dropdown"].hidden {
43+
display: none;
4344
}
4445

4546
/* Dropdown items */

public/service-worker.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
// PropertyWebBuilder Service Worker
22
// Provides offline caching and performance optimization
33

4-
const CACHE_NAME = 'pwb-cache-v7';
5-
const STATIC_CACHE_NAME = 'pwb-static-v7';
6-
const IMAGE_CACHE_NAME = 'pwb-images-v7';
4+
const CACHE_NAME = 'pwb-cache-v8';
5+
const STATIC_CACHE_NAME = 'pwb-static-v8';
6+
const IMAGE_CACHE_NAME = 'pwb-images-v8';
77

88
// Static assets to pre-cache
99
const STATIC_ASSETS = [

0 commit comments

Comments
 (0)