Fix function/structure data overflow

Author: APickledWalrus

src/components/syntaxes/cards/DocumentationCard.astro

@@ -193,15 +193,18 @@ const isNew = documentation.since && documentation.since.join().includes(current
 </style>
 
 <style is:global>
-    .right > * {
+    .right > :not(.show-all) {
         max-height: 10lh;
     }
     @supports (-webkit-app-region: inherit) { /* chromium only */
         /* TODO figure out how to support this on all browsers... */
         .right > * {
             flex: 1 1 10lh;
             min-height: 0;
-            max-height: max-content;
+            max-height: max-content !important;
+        }
+        .right > .show-all {
+            min-height: max-content;
         }
     }
 </style>

src/components/syntaxes/cards/FunctionCard.astro

@@ -24,7 +24,7 @@ const { defaultProps, func }: Props = Astro.props;
     </Fragment>
     <Fragment slot="right-column">
         {func.parameters && (
-                <div class="code-card">
+                <div class="code-card show-all">
                     <span class="title">Function Parameters</span>
                     {Object.values(func.parameters).map(parameter => {
                         let description = changeSingular(parameter.type.name, parameter.plural);

src/components/syntaxes/cards/StructureCard.astro

@@ -15,7 +15,7 @@ const { defaultProps, structure }: Props = Astro.props;
 <SyntaxCard defaultProps={defaultProps} syntax={structure}>
     <Fragment slot="right-column">
         {structure.entries && (
-                <div class="code-card">
+                <div class="code-card show-all">
                     <span class="title">Structure Entries</span>
                     {Object.values(structure.entries).map(entry => {
                         let description = entry.optional ? "optional" : "required";