make card body always take up as much available space as possible

MaibornWolff · May 30, 2023 · adcfb17 · adcfb17
1 parent 3600d4e
commit adcfb17
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 1 deletion.
diff --git a/mwui-stencil/src/components/mw-card-body/mw-card-body.css b/mwui-stencil/src/components/mw-card-body/mw-card-body.css
@@ -1,4 +1,5 @@
 :host {
   display: block;
   padding: 0 var(--mw-component-card-padding-components-x-default);
+  flex: 1;
 }
diff --git a/mwui-stencil/src/index.html b/mwui-stencil/src/index.html
@@ -340,7 +340,7 @@ <h3>CardImage</h3>
       <div style="display: grid; gap: 20px; grid-template-columns: 1fr 1fr">
         <mw-card elevated>
           <mw-card-header header="Header" subheader="Subheader"><mw-avatar slot="icon" alt="John Doe" /></mw-card-header>
-          <mw-card-image src="https://placedog.net/500/280?id=3" alt="card image" height="100px"></mw-card-image>
+          <mw-card-image src="https://placedog.net/500/280?id=3" alt="card image" height="170px"></mw-card-image>
         </mw-card>
         <mw-card elevated>
           <mw-card-image src="https://placedog.net/500/280?id=3" alt="card image" height="250px"></mw-card-image>

diff --git a/mwui-token-farm/input/MW_component.json b/mwui-token-farm/input/MW_component.json
@@ -84,6 +84,10 @@
                             "focused": {
                                 "value": "#ed2985",
                                 "type": "color"
+                            },
+                            "inverted": {
+                                "value": "#ffffff",
+                                "type": "color"
                             }
                         },
                         "border": {
@@ -2113,6 +2117,10 @@
                     "muted": {
                         "value": "#44555b",
                         "type": "color"
+                    },
+                    "on-dark": {
+                        "value": "#ffffff",
+                        "type": "color"
                     }
                 },
                 "fg": {

diff --git a/mwui-token-farm/input/MW_core.json b/mwui-token-farm/input/MW_core.json
@@ -84,6 +84,10 @@
                             "focused": {
                                 "value": "#ed2985",
                                 "type": "color"
+                            },
+                            "inverted": {
+                                "value": "#ffffff",
+                                "type": "color"
                             }
                         },
                         "border": {
@@ -2113,6 +2117,10 @@
                     "muted": {
                         "value": "#44555b",
                         "type": "color"
+                    },
+                    "on-dark": {
+                        "value": "#ffffff",
+                        "type": "color"
                     }
                 },
                 "fg": {

diff --git a/mwui-token-farm/input/MW_semantic_light.json b/mwui-token-farm/input/MW_semantic_light.json
@@ -84,6 +84,10 @@
                             "focused": {
                                 "value": "#ed2985",
                                 "type": "color"
+                            },
+                            "inverted": {
+                                "value": "#ffffff",
+                                "type": "color"
                             }
                         },
                         "border": {
@@ -2113,6 +2117,10 @@
                     "muted": {
                         "value": "#44555b",
                         "type": "color"
+                    },
+                    "on-dark": {
+                        "value": "#ffffff",
+                        "type": "color"
                     }
                 },
                 "fg": {