fix(skills): css name of the navdrawer property

[ivanvpetrov]

Description

There is an inconsistency in Nav Drawer CSS custom property naming across Ignite UI platforms

• igniteui-angular uses:

  • --ig-nav-drawer-size
  • --ig-nav-drawer-size--mini

• igniteui-webcomponents (and therefore igniteui-react, which wraps WC) uses:

  • --menu-full-width
  • --menu-mini-width

  But in React skills there is a reference like this:

This will be fixed with IgniteUI/igniteui-webcomponents#2240 but in the mean time we have to adjust the react skills according to the current css prop name --menu-full-width

[Copilot]

Pull request overview

Updates the Ignite UI React “generate-from-image-design” skill documentation to reflect the current CSS custom property names used by the underlying Ignite UI Web Components igc-nav-drawer, aligning the guidance with the platform’s present behavior until the upstream Web Components issue is resolved.

Changes:

• Replaces the documented Nav Drawer width CSS custom properties with --menu-full-width and --menu-mini-width.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.