From 91e851f408054387e2bb1005cec47a4e82753c05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?D=C3=A1niel=20K=C3=A1ntor?= Date: Wed, 28 Feb 2018 12:04:17 +0100 Subject: [PATCH] feat(Columns): Truncate long titles using ellipses re #63 --- src/components/columns/Columns.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/columns/Columns.scss b/src/components/columns/Columns.scss index f0d070d3..359b3211 100644 --- 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; + } } }