Skip to content

Commit

Permalink
Disable pointer events on transparent toolbar blocking Cesium map
Browse files Browse the repository at this point in the history
With no interactable elements the transparent toolbar blocked the Cesium
view. This change enables pointer events only on the parts of the
toolbar with content.

GitHub issue: NCEAS#2207
  • Loading branch information
ianguerin committed Mar 15, 2024
1 parent 30af829 commit b59dd90
Showing 1 changed file with 3 additions and 0 deletions.
3 changes: 3 additions & 0 deletions src/css/map-view.css
Original file line number Diff line number Diff line change
Expand Up @@ -233,6 +233,7 @@
width: min-content;
/* required to be placed above map widget in firefox: */
z-index: 1;
pointer-events: none;
}

/* On large screens, the toolbar should not overlap the map, it should squish it */
Expand Down Expand Up @@ -385,6 +386,7 @@ represents 1 unit of the given distance measurement. */
background-color: var(--map-col-bkg);
border-radius: var(--map-border-radius);
margin: var(--map-size-toolbar-inter-link-margin);
pointer-events: all;
}

.toolbar__all-content {
Expand All @@ -398,6 +400,7 @@ represents 1 unit of the given distance measurement. */
toolbar is closed */
display: none;
overflow: hidden;
pointer-events: all;
}

.toolbar--open .toolbar__all-content {
Expand Down

0 comments on commit b59dd90

Please sign in to comment.