ItemCard: deprecate and replace with composable pieces

Signed-off-by: Fredrik Adelöw <freben@gmail.com>
2021-03-04 11:40:13 +01:00
parent 10f5ded753
commit 2089de76be
20 changed files with 593 additions and 344 deletions
@@ -234,12 +234,31 @@ export function createThemeOverrides(theme: BackstageTheme): Overrides {
        margin: `0 ${theme.spacing(0.5)}px 0 -${theme.spacing(0.5)}px`,
      },
    },
+    MuiCard: {
+      root: {
+        // When cards have a forced size, such as when they are arranged in a
+        // CSS grid, the content needs to flex such that the actions (buttons
+        // etc) end up at the bottom of the card instead of just below the body
+        // contents.
+        display: 'flex',
+        flexDirection: 'column',
+      },
+    },
    MuiCardHeader: {
      root: {
        // Reduce padding between header and content
        paddingBottom: 0,
      },
    },
+    MuiCardContent: {
+      root: {
+        // When cards have a forced size, such as when they are arranged in a
+        // CSS grid, the content needs to flex such that the actions (buttons
+        // etc) end up at the bottom of the card instead of just below the body
+        // contents.
+        flexGrow: 1,
+      },
+    },
    MuiCardActions: {
      root: {
        // We default to putting the card actions at the end