fix(cell): set minimum height for code snippet

Teradata · Jul 8, 2024 · 12771d3 · 12771d3
1 parent d7c34ed
commit 12771d3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/libs/components/src/cell/cell.scss b/libs/components/src/cell/cell.scss
@@ -9,6 +9,7 @@ cv-code-snippet {
   background-color: var(--cv-theme-surface-container-high);
   border-radius: 0;
   box-sizing: border-box;
+  min-height: 21px;
   padding: 0 0.25rem;
 }
 

diff --git a/libs/components/src/cell/cell.stories.js b/libs/components/src/cell/cell.stories.js
@@ -6,16 +6,25 @@ export default {
     code: '',
     index: 0,
     language: 'markdown',
-    selected: false,
+    selected: true,
+    showEditor: true,
     timesExecuted: 2,
   },
 };
 
-const Template = ({ code, index, language, selected, timesExecuted }) => {
+const Template = ({
+  code,
+  index,
+  language,
+  selected,
+  showEditor,
+  timesExecuted,
+}) => {
   return `<div style="width: 800px; ">
             <cv-cell code="${code}" index="${index}" language="${language}" timesExecuted="${timesExecuted}" ${
-    selected ? 'selected' : ''
-  }></cv-cell>
+    showEditor ? 'showEditor' : ''
+  } ${selected ? 'selected' : ''}
+  ></cv-cell>
           </div>`;
 };