[CP-3146] Badge pixel perfect

mudita · Oct 3, 2024 · b17bd59 · b17bd59
1 parent 130f2b1
commit b17bd59
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 11 deletions.
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
@@ -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
@@ -27,6 +27,7 @@ export const Badge: APIFC<BadgeData> = ({
 const BadgeWrapper = styled(Tag)<{ variant: BadgeData["variant"] }>`
   height: 2.2rem;
   line-height: 2.2rem;
+  letter-spacing: 0.04em;
 
   ${({ variant, theme }) =>
     variant === "dark" &&