Skip to content

Commit c71168e

Browse files
chore(popover): fix alignment of test grid (#3373)
- centers popover element for left, start and end test cases
1 parent 196ef4c commit c71168e

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

components/popover/stories/popover.test.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,7 @@ export const PopoverGroup = Variants({
7373
wrapperStyles["padding-right"] = `${popoverWidth + 20}px`;
7474
break;
7575
case "left":
76+
wrapperStyles["align-items"] = "center";
7677
wrapperStyles["block-size"] = `${popoverHeight + 20}px`;
7778
wrapperStyles["padding-left"] = `${popoverWidth + 20}px`;
7879
break;
@@ -87,6 +88,7 @@ export const PopoverGroup = Variants({
8788
wrapperStyles["padding-left"] = `${popoverWidth + 20}px`;
8889
break;
8990
case "start":
91+
wrapperStyles["align-items"] = "center";
9092
wrapperStyles["block-size"] = `${popoverHeight + 20}px`;
9193
wrapperStyles["padding-inline-start"] = `${popoverWidth + 20}px`;
9294
break;
@@ -101,6 +103,7 @@ export const PopoverGroup = Variants({
101103
wrapperStyles["padding-inline-start"] = `${popoverWidth + 20}px`;
102104
break;
103105
case "end":
106+
wrapperStyles["align-items"] = "center";
104107
wrapperStyles["block-size"] = `${popoverHeight + 20}px`;
105108
wrapperStyles["padding-inline-end"] = `${popoverWidth + 20}px`;
106109
break;

0 commit comments

Comments
 (0)