fix Metadata browser in SQL not render nicely in Safari (#18855)

(cherry picked from commit 0db49b1)
apache · Apr 3, 2022 · 4167cfa · 4167cfa
1 parent e20788c
commit 4167cfa
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/superset-frontend/src/SqlLab/components/ColumnElement/index.tsx b/superset-frontend/src/SqlLab/components/ColumnElement/index.tsx
@@ -75,6 +75,10 @@ interface ColumnElementProps {
   };
 }
 
+const NowrapDiv = styled.div`
+  white-space: nowrap;
+`;
+
 const ColumnElement = ({ column }: ColumnElementProps) => {
   let columnName: React.ReactNode = column.name;
   let icons;
@@ -105,9 +109,9 @@ const ColumnElement = ({ column }: ColumnElementProps) => {
         {columnName}
         {icons}
       </div>
-      <div className="pull-right text-muted">
+      <NowrapDiv className="pull-right text-muted">
         <small> {column.type}</small>
-      </div>
+      </NowrapDiv>
     </div>
   );
 };