IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Connections: Update redirect alert message (#61152)

Browse Source 
* fix(Alert): don't add padding to content when there is no title

* Feat(Connections): update the style and wording of the redirect alert

* fix(UI/Alert): more resilient check for has title
This commit is contained in:
Levente Balogh
2023-01-11 11:41:19 +01:00
committed by GitHub
parent 6b2394eff1
commit 8b290bba55
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/grafana-ui/src/components/Alert/Alert.tsx
View File

@@ -54,7 +54,8 @@ export const Alert = React.forwardRef<HTMLDivElement, Props>(
ref
) => {
const theme = useTheme2();
const styles = getStyles(theme, severity, elevated, bottomSpacing, topSpacing);
const hasTitle = Boolean(title);
const styles = getStyles(theme, severity, hasTitle, elevated, bottomSpacing, topSpacing);
const titleId = useId();
return (
@@ -101,6 +102,7 @@ Alert.displayName = 'Alert';
const getStyles = (
theme: GrafanaTheme2,
severity: AlertVariant,
hasTitle: boolean,
elevated?: boolean,
bottomSpacing?: number,
topSpacing?: number
@@ -157,7 +159,7 @@ const getStyles = (
`,
content: css`
color: ${theme.colors.text.secondary};
padding-top: ${theme.spacing(1)};
padding-top: ${hasTitle ? theme.spacing(1) : 0};
max-height: 50vh;
overflow-y: auto;
`,