Files
WooNooW/includes
dwindown 61825c9ade fix: WordPress media modal styling and WP-Admin icon rendering
🐛 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
2025-11-16 13:24:43 +07:00
..