{description}
- {!isExpandable && ( + {!isExpandable && body && ( ` (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; diff --git a/superset-frontend/src/components/Table/Table.overview.mdx b/superset-frontend/src/components/Table/Table.overview.mdx index 8341db879fcb5..2fa1455cd0eda 100644 --- a/superset-frontend/src/components/Table/Table.overview.mdx +++ b/superset-frontend/src/components/Table/Table.overview.mdx @@ -183,7 +183,7 @@ The table displays a set number of rows at a time, the user navigates the table The default page size and page size options for the menu are configurable via the `pageSizeOptions` and `defaultPageSize` props. NOTE: Pagination controls will only display when the data for the table has more records than the default page size. -{filter.description}
+ const renderer = useCallback( + ({ id }: Filter | Divider) => { + const index = filtersWithValues.findIndex(f => f.id === id); + return{description}
: null} ++ {description} +
+