Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fix tooltip shifting neighboring elements bug
Browse files Browse the repository at this point in the history
Jinksi committed Sep 21, 2023

Verified

This commit was signed with the committer’s verified signature.
Jinksi Eric Jinks
1 parent 64556a1 commit 0b768b3
Showing 2 changed files with 5 additions and 6 deletions.
5 changes: 5 additions & 0 deletions client/components/tooltip/style.scss
Original file line number Diff line number Diff line change
@@ -3,6 +3,11 @@
// ensures that the element needed for position calculations isn't included in the DOM layout
display: contents;

// fixes a UI bug where the tooltip can shift neighboring elements when it appears
> div {
display: inline;
}

// Styles for buttonIcon
[role='button'] {
cursor: pointer;
6 changes: 0 additions & 6 deletions client/payment-details/dispute-details/style.scss
Original file line number Diff line number Diff line change
@@ -89,12 +89,6 @@
vertical-align: text-bottom;
}

.wcpay-tooltip__content-wrapper.wcpay-tooltip--click__content-wrapper
> .wcpay-tooltip__content-wrapper
+ div {
display: inline;
}

&__response-date {
display: inline-flex;
align-items: center;

0 comments on commit 0b768b3

Please sign in to comment.