update visual editor action title style

microsoft · Dec 6, 2019 · b79cc46 · b79cc46
1 parent cc6ed01
commit b79cc46
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/Composer/packages/extensions/visual-designer/src/components/nodes/templates/FormCard.tsx b/Composer/packages/extensions/visual-designer/src/components/nodes/templates/FormCard.tsx
@@ -70,7 +70,20 @@ export const FormCard: FunctionComponent<NodeProps> = ({
           color: 'black',
         }}
       >
-        <div css={{ padding: '4px 8px', fontSize: '12px', fontFamily: 'Segoe UI', lineHeight: '14px' }}>{header}</div>
+        <div
+          css={{
+            padding: '4px 8px',
+            fontSize: '12px',
+            fontFamily: 'Segoe UI',
+            lineHeight: '14px',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            width: 'calc(100% - 40px)',
+            whiteSpace: 'pre',
+          }}
+        >
+          {header}
+        </div>
         <div css={{ position: 'absolute', top: 4, right: 0 }}>{corner}</div>
       </div>
       <div