Skip to content

Conversation

Anemy
Copy link
Member

@Anemy Anemy commented Aug 3, 2022

Feature flagged:

env COMPASS_SHOW_NEW_TOOLBARS="true" npm start

This adds and InteractivePopover component to compass-components. It uses a focus trap for accessibility. (Version of this package, focus-trap-react, is shared with leafygreen).

When the new toolbars are active the query history is opened as a popover. No change to the existing query history.

This pr was separated out of #3312 which had some incorporated feedback on the new component.

query.history.as.popover.mp4

@github-actions github-actions bot added the feat label Aug 3, 2022
@Anemy Anemy added the feature flagged PRs labeled with this label will not be included in the release notes of the next release label Aug 4, 2022
boxShadow: '0 0 0 0 transparent',
},
border: `1px solid ${uiColors.gray.light2}`,
borderRadius: '4px',
Copy link
Collaborator

Choose a reason for hiding this comment

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

Is likely that we would want to have this radius aligned everywhere we use one, could be a good thing if we can have variables for this too, along the font sizes, spacings, etc ..

@Anemy Anemy changed the title feat(compass-query-history): Add interactive popover, open query history as popover in new query-bar feat(compass-query-history): Add interactive popover, open query history as popover in new query-bar COMPASS-5678 Aug 15, 2022
@Anemy Anemy merged commit 10503e6 into main Aug 15, 2022
@Anemy Anemy deleted the COMPASS-5678-query-history-popover-in-feature-flag branch August 15, 2022 16:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feat feature flagged PRs labeled with this label will not be included in the release notes of the next release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants