jfig/xprov
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Make feature information modal semi-transparent like sidebar panels #16

New Issue
Closed
opened 2026-07-23 09:42:44 +00:00 by jfig · 0 comments
jfig commented 2026-07-23 09:42:44 +00:00
Owner
Copy Link
Copy Source

Request

Update the feature information modal to use the same semi-transparent/glass-panel treatment as the sidebar boxes and map controls.

The modal currently has an opaque dialog background:

  • .feature-modal-dialog uses background: #fffefb in styles.css.
  • Sidebar panels use the shared semi-transparent var(--panel), border, shadow, and backdrop blur.

This request follows the existing feature-information work in #9.

Proposed treatment

  • Use var(--panel) or an equivalent translucent background for .feature-modal-dialog.
  • Match the sidebar panels' border, blur, radius, and shadow language.
  • Keep the modal text, close button, and feature details readable over all supported basemaps.
  • Preserve the darker modal backdrop and existing modal focus/close behavior.
  • Verify the appearance on desktop and small screens.

Acceptance criteria

  • The feature information dialog is visibly semi-transparent, with the map/background subtly visible through it.
  • Its styling is visually consistent with the sidebar panels and map controls.
  • Text and controls meet the existing contrast/readability expectations.
  • The modal remains usable when the map is rotated and on narrow screens.
  • Existing open, close, Escape, and backdrop-click behavior is unchanged.
## Request Update the feature information modal to use the same semi-transparent/glass-panel treatment as the sidebar boxes and map controls. The modal currently has an opaque dialog background: - `.feature-modal-dialog` uses `background: #fffefb` in `styles.css`. - Sidebar panels use the shared semi-transparent `var(--panel)`, border, shadow, and backdrop blur. This request follows the existing feature-information work in #9. ## Proposed treatment - Use `var(--panel)` or an equivalent translucent background for `.feature-modal-dialog`. - Match the sidebar panels' border, blur, radius, and shadow language. - Keep the modal text, close button, and feature details readable over all supported basemaps. - Preserve the darker modal backdrop and existing modal focus/close behavior. - Verify the appearance on desktop and small screens. ## Acceptance criteria - The feature information dialog is visibly semi-transparent, with the map/background subtly visible through it. - Its styling is visually consistent with the sidebar panels and map controls. - Text and controls meet the existing contrast/readability expectations. - The modal remains usable when the map is rotated and on narrow screens. - Existing open, close, Escape, and backdrop-click behavior is unchanged.
jfig added the Kind/Enhancement label 2026-07-23 09:42:44 +00:00
jfig closed this issue 2026-07-24 02:33:33 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Client
Client - facing issues
 Compat/Breaking
Breaking change that won't be backward compatible
 Kind/Bug
Something is not working
 Kind/Documentation
Documentation changes
 Kind/Enhancement
Improve existing functionality
 Kind/Feature
New functionality
 Kind/Security
This is security issue
 Kind/Testing
Issue or pull request related to testing
Priority
Critical
1
The priority is critical
Priority
High
2
The priority is high
Priority
Low
4
The priority is low
Priority
Medium
3
The priority is medium
Reviewed
Confirmed
1
Issue has been confirmed
Reviewed
Duplicate
2
This issue or pull request already exists
Reviewed
Invalid
3
Invalid issue
Reviewed
Won't Fix
3
This issue won't be fixed
Status
Abandoned
3
Somebody has started to work on this but abandoned work
Status
Blocked
1
Something is blocking this issue or pull request
Status
Need More Info
2
Feedback is required to reproduce issue or to continue work
No labels Kind/Enhancement
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
jfig (Joao Figueiredo)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: jfig/xprov#16