Skip to content

fix: mutually exclusive map control menus + consistent split-mode menu styling#3547

Open
igorDykhta wants to merge 2 commits into
masterfrom
igr/right-side-buttons-fixes-0723
Open

fix: mutually exclusive map control menus + consistent split-mode menu styling#3547
igorDykhta wants to merge 2 commits into
masterfrom
igr/right-side-buttons-fixes-0723

Conversation

@igorDykhta

@igorDykhta igorDykhta commented Jul 23, 2026

Copy link
Copy Markdown
Collaborator

Fixes several map control menu issues:

  • Opening any of the overlapping map control menus (view mode, top/3d/globe, draw, locale) now closes the others, so they no longer stack and overlap.
  • The split/view-mode menu now uses the shared toolbar styling (spacing, colors, selected-item highlight) instead of its own bespoke dropdown.
  • Adds singleView/dualView/swipeView labels for all supported locales.
Screenshot 2026-07-23 at 8 25 54 PM

Signed-off-by: Ihor Dykhta <ihordykhta@Ihors-MacBook-Pro.local>
Copilot AI review requested due to automatic review settings July 23, 2026 17:27
@igorDykhta igorDykhta changed the title fix: make dropdowns mutually exclusive fix: mutually exclusive map control menus + consistent split-mode menu styling Jul 23, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates kepler.gl’s map-control UI so overlapping dropdown menus (split/view-mode, 3D/globe, draw tools, locale) don’t stay open at the same time, and updates the split-view mode menu to use the shared toolbar UI with localized labels.

Changes:

  • Add “mutually exclusive map controls” logic to toggleMapControlUpdater so opening one overlapping control closes the others.
  • Refactor SplitMapButton to keep its menu open state in Redux (mapControls.splitMap.active) and render options via MapControlToolbar + ToolbarItem.
  • Add new localized tooltip strings for split-view mode labels (single/dual/swipe) across multiple locales.

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
src/reducers/src/ui-state-updaters.ts Adds a mutually-exclusive map-controls list and closes competing menus when opening one.
src/components/src/map/split-map-button.tsx Moves split-mode menu state to Redux and uses the shared toolbar/menu components with i18n labels.
src/localization/src/translations/ru.ts Adds split-view mode tooltip strings (single/dual/swipe).
src/localization/src/translations/pt.ts Adds split-view mode tooltip strings (single/dual/swipe).
src/localization/src/translations/ja.ts Adds split-view mode tooltip strings (single/dual/swipe).
src/localization/src/translations/fi.ts Adds split-view mode tooltip strings (single/dual/swipe).
src/localization/src/translations/es.ts Adds split-view mode tooltip strings (single/dual/swipe).
src/localization/src/translations/en.ts Adds split-view mode tooltip strings (single/dual/swipe).
src/localization/src/translations/cn.ts Adds split-view mode tooltip strings (single/dual/swipe).
src/localization/src/translations/ca.ts Adds split-view mode tooltip strings (single/dual/swipe).

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

Comment thread src/reducers/src/ui-state-updaters.ts Outdated
Comment thread src/components/src/map/split-map-button.tsx
Signed-off-by: Ihor Dykhta <ihordykhta@Ihors-MacBook-Pro.local>
@igorDykhta
igorDykhta requested review from ilyabo and lixun910 July 23, 2026 17:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants