Make legend width responsive

[giswqs]

[github-actions]

🚀 Deployed on https://69239e88bc6649f056d9f64b--opengeos.netlify.app

[Copilot]

Pull request overview

This PR introduces responsive width behavior for legend controls in MapLibre, allowing legends to automatically adjust their width based on content while respecting min/max constraints. The changes include new parameters for auto-sizing, custom header styling, and enhanced CSS rules for better content layout.

• Adds responsive width functionality with auto_panel_width and responsive parameters
• Introduces header customization with header_bg and header_text_color options
• Enhances CSS styling for improved legend item layout and text handling

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.

File	Description
anymap/static/maplibre_widget.js	Implements auto-width logic for widget panels, including display property management and dynamic width calculation via updateAutoWidth() method
anymap/static/maplibre_widget.css	Adds responsive styling rules for legend content, increases title font size, and adds widget-specific CSS for better text handling and overflow control
anymap/maplibre.py	Extends add_widget_control and add_legend methods with new parameters for responsive behavior and header styling, implements logic to determine width mode based on user preferences

---

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

[Copilot]

The new parameters auto_panel_width, header_bg, and header_text_color are not documented in the docstring. Please add documentation for these parameters following the existing format:

• auto_panel_width: Whether to enable automatic panel width that adapts to content. When True, the panel width will be determined by content size within min/max constraints.
• header_bg: Optional background color for the panel header.
• header_text_color: Optional text color for the panel header.

[Copilot]

The new parameters header_color, header_text_color, and responsive are not documented in the docstring. Please add documentation for these parameters in the Args section:

• header_color: Optional background color for the legend header panel.
• header_text_color: Optional text color for the legend header panel.
• responsive: Whether to enable responsive width behavior. Defaults to True. When True, the legend width adapts to content size within min/max constraints. When False, a fixed width is used.

[Copilot]

Duplicate CSS rule for .widget-vbox. This selector is defined at both lines 367-372 and 392-395. The second definition at lines 392-395 will override the first. Consider merging these rules to avoid confusion:

.maplibregl-ctrl-widget-panel .widget-panel-content .widget-vbox {
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

[Copilot]

The type annotation for **kwargs is overly restrictive. It only includes Union[str, int, float], but the code now passes bool values (specifically auto_panel_width). This should be updated to:

**kwargs: Union[str, int, float, bool]

Suggested change

	**kwargs: Union[str, int, float],
	**kwargs: Union[str, int, float, bool],