feat: 4.5 lines EXACTLY

stoplightio · Dec 10, 2020 · 9a4e21c · 9a4e21c
1 parent 06c6e5e
commit 9a4e21c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/elements/src/components/TryIt/OperationParameters.tsx b/packages/elements/src/components/TryIt/OperationParameters.tsx
@@ -28,7 +28,7 @@ export const OperationParameters: React.FC<OperationParametersProps> = ({
   return (
     <Panel id="collapse-open" defaultIsOpen>
       <Panel.Titlebar>Parameters</Panel.Titlebar>
-      <Panel.Content>
+      <Panel.Content className="sl-overflow-y-auto OperationParametersContent">
         {parameters.map(parameter => {
           return (
             <Flex key={parameter.name} alignItems="center">

diff --git a/packages/elements/src/styles/elements.scss b/packages/elements/src/styles/elements.scss
@@ -14,3 +14,7 @@ html {
 .svg-inline--fa {
   display: inline-block;
 }
+
+.OperationParametersContent {
+  max-height: 32*4.5+18px; // 4.5 lines plus padding
+}