Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(annotations tooltip): Add class for specific styles to element #1385

Merged
merged 1 commit into from May 18, 2021
Merged

feat(annotations tooltip): Add class for specific styles to element #1385

merged 1 commit into from May 18, 2021

Conversation

ghost
Copy link

@ghost ghost commented May 17, 2021

No description provided.

@ghost ghost self-requested a review as a code owner May 17, 2021 14:54
@@ -18,6 +18,7 @@ function AnnotationsTargetedTooltip({ children, isEnabled = false }: Props): JSX
className="bp-AnnotationsTooltip"
shouldTarget={isEnabled}
showCloseButton
tetherElementClassName="bp-AnnotationsTooltip-element"
Copy link
Collaborator

Choose a reason for hiding this comment

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

This class name is a little confusing because this element appears "above" bp-AnnotationsTooltip in the DOM and hyphens are used to indicate descendancy in SUIT CSS naming conventions. Could we use bp-AnnotationsTooltipTether?


// overwrite z-index
.bp-AnnotationsTooltip-element.tooltip-element {
z-index: 160;
Copy link
Collaborator

Choose a reason for hiding this comment

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

It seems like this value is very specific to the context where Preview is being used. Can we move the override to that repo?

@ghost ghost changed the title fix(annotations): z-index feat(annotations): Add className to tether Element for Annotations tooltip for specific styles to that element May 18, 2021
@ghost ghost changed the title feat(annotations): Add className to tether Element for Annotations tooltip for specific styles to that element feat(annotations tooltip): Add class for specific styles to element May 18, 2021
@ghost ghost added the ready-to-merge label May 18, 2021
@mergify mergify bot merged commit fd74923 into box:master May 18, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant