Skip to content

Commit

Permalink
Fix: Ensure only loading wrapper is interactable preview container (#583
Browse files Browse the repository at this point in the history
)

- The preview CSS selector only prevented the div directly adjacent to
  the .bp-loading-wrapper from being interactable.
- This selector prevents all divs within the Preview Container EXCEPT
  .bp-loading-wrapper from being interactable. This prevents
interactions from the Preview content, find bar, controls, etc.
  • Loading branch information
pramodsum authored Jan 17, 2018
1 parent 30e171e commit eba78eb
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions src/lib/_loading.scss
Original file line number Diff line number Diff line change
Expand Up @@ -38,9 +38,13 @@
}
}

// Preview content should not be interactable during loading
:not(.bp-loaded) > .bp-loading-wrapper + div {
// Only the loading wrapper should be interactable inside the Preview container
.bp:not(.bp-loaded) {
pointer-events: none;

& .bp-loading-wrapper {
pointer-events: all;
}
}

.bp-loading {
Expand Down

0 comments on commit eba78eb

Please sign in to comment.