diff --git a/libs/generic-view/feature/src/lib/use-dev-views/views/contacts-view.ts b/libs/generic-view/feature/src/lib/use-dev-views/views/contacts-view.ts index fa74b479d0..39de7ed482 100644 --- a/libs/generic-view/feature/src/lib/use-dev-views/views/contacts-view.ts +++ b/libs/generic-view/feature/src/lib/use-dev-views/views/contacts-view.ts @@ -532,6 +532,10 @@ const view: View = { extra: { tooltip: { contentText: "Select", + offset: { + y: 0, + x: 10 + } }, }, }, @@ -619,6 +623,23 @@ const view: View = { phoneDropdownCounterBadge: { component: "badge", childrenKeys: ["phoneDropdownCounterBadgeText"], + dataProvider: { + source: "entities-field", + entitiesType: "contacts", + fields: [ + { + componentField: "extra-data.tooltip.contentList", + providerField: "phoneNumbers", + slice: [1], + flat: "phoneNumber", + }, + ], + }, + extra: { + tooltip: { + placement: "bottom-left", + }, + }, }, phoneDropdownCounterBadgeText: { component: "format-message", @@ -632,22 +653,11 @@ const view: View = { modifier: "length", slice: [1], }, - { - componentField: "extra-data.tooltip.contentList", - providerField: "phoneNumbers", - slice: [1], - flat: "phoneNumber", - }, ], }, config: { messageTemplate: "+{phoneNumbersLength}", }, - extra: { - tooltip: { - placement: "bottom-left", - }, - }, }, detailsWrapper: { component: "form.conditionalRenderer", diff --git a/libs/generic-view/ui/src/lib/data-rows/badge.tsx b/libs/generic-view/ui/src/lib/data-rows/badge.tsx index cf6aeefba9..4c729980ba 100644 --- a/libs/generic-view/ui/src/lib/data-rows/badge.tsx +++ b/libs/generic-view/ui/src/lib/data-rows/badge.tsx @@ -27,6 +27,7 @@ export const Badge: APIFC = ({ const BadgeWrapper = styled(Tag)<{ variant: BadgeData["variant"] }>` height: 2.2rem; line-height: 2.2rem; + letter-spacing: 0.04em; ${({ variant, theme }) => variant === "dark" &&