From 8f376a302bb29ee80f20704674223e95870876b8 Mon Sep 17 00:00:00 2001 From: Joanna <65491033+joannaWebDev@users.noreply.github.com> Date: Wed, 17 Jul 2024 12:48:57 +0200 Subject: [PATCH] UI: Align the `icon` in the `Alert` (#90461) * UI: Align the `icon` in the `Alert` * feat: align icon with one line text * chore: prettier imports fix * chore: revert imports * feat: remove alignSelf & position the icon * chore: clean up --- packages/grafana-ui/src/components/Alert/Alert.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/grafana-ui/src/components/Alert/Alert.tsx b/packages/grafana-ui/src/components/Alert/Alert.tsx index 3ea0f8e4266..2789879c8f2 100644 --- a/packages/grafana-ui/src/components/Alert/Alert.tsx +++ b/packages/grafana-ui/src/components/Alert/Alert.tsx @@ -11,7 +11,6 @@ import { Button } from '../Button/Button'; import { Icon } from '../Icon/Icon'; import { Box } from '../Layout/Box/Box'; import { Text } from '../Text/Text'; - export type AlertVariant = 'success' | 'warning' | 'error' | 'info'; export interface Props extends HTMLAttributes { @@ -152,6 +151,8 @@ const getStyles = ( }), icon: css({ color: color.text, + position: 'relative', + top: '-1px', }), content: css({ color: theme.colors.text.primary,