{
- Overline: typeof Overline;
Heading: typeof Heading;
Tags: typeof Tags;
Figure: typeof Figure;
@@ -166,28 +164,6 @@ const getHeadingStyles = (theme: GrafanaTheme2) => ({
}),
});
-/** Card text to be displayed above title */
-const Overline = ({ children, className }: ChildProps) => {
- const styles = useStyles2(getOverlineStyles);
- return (
-
- {children && (
-
- {children}
-
- )}
-
- );
-};
-Overline.displayName = 'Overline';
-
-const getOverlineStyles = (theme: GrafanaTheme2) => ({
- overline: css({
- gridArea: 'Overline',
- marginBottom: theme.spacing(0.5),
- }),
-});
-
const Tags = ({ children, className }: ChildProps) => {
const styles = useStyles2(getTagStyles);
return {children}
;
@@ -384,7 +360,6 @@ export const getCardStyles = (theme: GrafanaTheme2) => {
};
};
-Card.Overline = Overline;
Card.Heading = Heading;
Card.Tags = Tags;
Card.Figure = Figure;
diff --git a/packages/grafana-ui/src/components/Card/CardContainer.tsx b/packages/grafana-ui/src/components/Card/CardContainer.tsx
index 430634f9ba7..8879a87ed4f 100644
--- a/packages/grafana-ui/src/components/Card/CardContainer.tsx
+++ b/packages/grafana-ui/src/components/Card/CardContainer.tsx
@@ -80,11 +80,10 @@ export const getCardContainerStyles = (
display: 'grid',
position: 'relative',
gridTemplateColumns: 'auto 1fr auto',
- gridTemplateRows: 'auto 1fr auto auto auto',
+ gridTemplateRows: '1fr auto auto auto',
gridAutoColumns: '1fr',
gridAutoFlow: 'row',
gridTemplateAreas: `
- "Figure Overline Tags"
"Figure Heading Tags"
"Figure Meta Tags"
"Figure Description Tags"