feat(Columns): Truncate long titles using ellipses

kantord · kantord · commit 91e851f40805 · 2018-02-28T12:10:02.000Z
re #63
diff --git a/src/components/columns/Columns.scss b/src/components/columns/Columns.scss
@@ -47,7 +47,11 @@
     padding: 0 (map-get($gutterwidths, medium) / 2) map-get($gutterwidths, medium);
     overflow-x: hidden;
 
-    h1, h2, h3, h4, h5, h6 {white-space: nowrap;}
+    h1, h2, h3, h4, h5, h6 {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,11 @@`
`47`	`47`	`padding: 0 (map-get($gutterwidths, medium) / 2) map-get($gutterwidths, medium);`
`48`	`48`	`overflow-x: hidden;`
`49`	`49`
`50`		`- h1, h2, h3, h4, h5, h6 {white-space: nowrap;}`
	`50`	`+ h1, h2, h3, h4, h5, h6 {`
	`51`	`+ white-space: nowrap;`
	`52`	`+ overflow: hidden;`
	`53`	`+ text-overflow: ellipsis;`
	`54`	`+ }`
`51`	`55`	`}`
`52`	`56`	`}`
`53`	`57`