[superset] branch master updated: fix: Apply border radius and fix height for MetadataBar (#22010)

[kgabryje]

This is an automated email from the ASF dual-hosted git repository.

kgabryje pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/master by this push:
     new 389e44e1c5 fix: Apply border radius and fix height for MetadataBar 
(#22010)
389e44e1c5 is described below

commit 389e44e1c5d33b162ff20e1568490259c403329c
Author: Kamil Gabryjelski <kamil.gabryjel...@gmail.com>
AuthorDate: Tue Nov 29 15:10:18 2022 +0100

    fix: Apply border radius and fix height for MetadataBar (#22010)
---
 superset-frontend/src/components/MetadataBar/MetadataBar.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/superset-frontend/src/components/MetadataBar/MetadataBar.tsx 
b/superset-frontend/src/components/MetadataBar/MetadataBar.tsx
index d398ebe74f..b2809ae53c 100644
--- a/superset-frontend/src/components/MetadataBar/MetadataBar.tsx
+++ b/superset-frontend/src/components/MetadataBar/MetadataBar.tsx
@@ -58,6 +58,8 @@ const Bar = styled.div<{ count: number }>`
       (ICON_WIDTH + SPACE_BETWEEN_ITEMS) * count -
       SPACE_BETWEEN_ITEMS
     }px;
+    border-radius: ${theme.borderRadius}px;
+    line-height: 1;
   `}
 `;
 
@@ -68,6 +70,7 @@ const StyledItem = styled.div<{
 }>`
   ${({ theme, collapsed, last, onClick }) => `
     display: flex;
+    align-items: center;
     max-width: ${
       ICON_WIDTH +
       ICON_PADDING +
@@ -91,6 +94,9 @@ const StyledItem = styled.div<{
           : theme.colors.grayscale.base
       };
       padding-right: ${collapsed ? 0 : ICON_PADDING}px;
+      & .anticon {
+        line-height: 0;
+      }
     }
     & .metadata-text {
       min-width: ${TEXT_MIN_WIDTH}px;