From 61825c9adef6f5ec982d45f5d9388d57d1840f82 Mon Sep 17 00:00:00 2001 From: dwindown Date: Sun, 16 Nov 2025 13:24:43 +0700 Subject: [PATCH] fix: WordPress media modal styling and WP-Admin icon rendering MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 🐛 Two Visual Issues Fixed: 1. Standalone Media Modal Styling: ❌ Missing close button ❌ Messy layout ❌ Incomplete WordPress styles ✅ Added complete WordPress admin styles: - wp-admin (base admin styles) - common (common admin elements) - media-views (modal structure) - imgareaselect (image selection) - buttons (button styles) - dashicons (icon font) Result: Media modal now properly styled with close button 2. WP-Admin Icon Rendering: ❌ Icons showing filled instead of outlined ❌ WordPress admin CSS overriding Lucide icons ✅ Added inline CSS fix: - Force fill: none - Force stroke: currentColor - Force stroke-width: 2 - Force stroke-linecap: round - Force stroke-linejoin: round Result: Icons now display as outlined (Lucide style) 📝 Root Causes: 1. Standalone needed full WP admin styles for modal 2. WP-Admin has global SVG styles that override icon libraries 3. !important needed to override WordPress specificity 🎯 Result: - Standalone media modal fully functional and styled - WP-Admin icons render correctly (outlined) - Both modes visually consistent --- includes/Admin/Assets.php | 13 +++++++++++++ includes/Admin/StandaloneAdmin.php | 4 +++- 2 files changed, 16 insertions(+), 1 deletion(-) diff --git a/includes/Admin/Assets.php b/includes/Admin/Assets.php index 73e2efb..f781833 100644 --- a/includes/Admin/Assets.php +++ b/includes/Admin/Assets.php @@ -159,6 +159,19 @@ class Assets { if (file_exists($dist_dir . $css)) { wp_enqueue_style('wnw-admin', $base_url . $css, [], $ver_css); + + // Fix icon rendering in WP-Admin (prevent WordPress admin styles from overriding) + $icon_fix_css = ' + /* Fix Lucide icons in WP-Admin - force outlined style */ + #woonoow-admin-app svg { + fill: none !important; + stroke: currentColor !important; + stroke-width: 2 !important; + stroke-linecap: round !important; + stroke-linejoin: round !important; + } + '; + wp_add_inline_style('wnw-admin', $icon_fix_css); } if (file_exists($dist_dir . $js)) { diff --git a/includes/Admin/StandaloneAdmin.php b/includes/Admin/StandaloneAdmin.php index 947d609..75c17f5 100644 --- a/includes/Admin/StandaloneAdmin.php +++ b/includes/Admin/StandaloneAdmin.php @@ -112,11 +112,13 @@ class StandaloneAdmin {