Skip to content

Commit 49639e5

Browse files
authored
fix(ui5-avatar-group): visual design deviations (#3252)
First and second deviations were cause because IE11 support. It was rounding incorrectly floated values. The Third issue comes from base padding of ui5-button which is now removed in the context of overflow button in ui5-avatar-group Fixes: #3197
1 parent baec15b commit 49639e5

File tree

2 files changed

+3
-2
lines changed

2 files changed

+3
-2
lines changed

packages/main/src/AvatarGroup.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -42,15 +42,15 @@ const offsets = {
4242
},
4343
[AvatarSize.M]: {
4444
[AvatarGroupType.Individual]: "0.125rem",
45-
[AvatarGroupType.Group]: "-1.62rem",
45+
[AvatarGroupType.Group]: "-1.625rem",
4646
},
4747
[AvatarSize.L]: {
4848
[AvatarGroupType.Individual]: "0.125rem",
4949
[AvatarGroupType.Group]: " -2rem",
5050
},
5151
[AvatarSize.XL]: {
5252
[AvatarGroupType.Individual]: "0.25rem",
53-
[AvatarGroupType.Group]: "-2.7rem",
53+
[AvatarGroupType.Group]: "-2.75rem",
5454
},
5555
};
5656

packages/main/src/themes/AvatarGroup.css

+1
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@
3333

3434
::slotted([ui5-button]:not([hidden])),
3535
.ui5-avatar-group-overflow-btn:not([hidden]) {
36+
--_ui5_button_base_padding: 0;
3637
border-radius: 50%;
3738
display: inline-flex;
3839
text-overflow: initial;

0 commit comments

Comments
 (0)