From 5aa56dcba476adad5da0aeff3232d78c137c1c71 Mon Sep 17 00:00:00 2001 From: Mattias Gustavsson Date: Tue, 11 Feb 2020 14:59:43 +0100 Subject: [PATCH 1/2] SDA-1501 Using ellipsis for notification title overflow --- src/renderer/styles/notification-comp.less | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/renderer/styles/notification-comp.less b/src/renderer/styles/notification-comp.less index 62dd304c..9b261bb4 100644 --- a/src/renderer/styles/notification-comp.less +++ b/src/renderer/styles/notification-comp.less @@ -62,13 +62,18 @@ body { .title { font-family: sans-serif; - font-size: 14px; font-weight: 700; - color: var(--text-color); + width: 100%; + overflow-wrap: break-word; + font-size: 14px; + margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; + cursor: default; + text-overflow: ellipsis; + color: var(--text-color); } .company { From e0edf9122b3c8ae22752dbf72e2d18024ce08e62 Mon Sep 17 00:00:00 2001 From: Mattias Gustavsson Date: Tue, 11 Feb 2020 15:17:31 +0100 Subject: [PATCH 2/2] SDA-1501 Removed margin --- src/renderer/styles/notification-comp.less | 1 - 1 file changed, 1 deletion(-) diff --git a/src/renderer/styles/notification-comp.less b/src/renderer/styles/notification-comp.less index 9b261bb4..cdbcb231 100644 --- a/src/renderer/styles/notification-comp.less +++ b/src/renderer/styles/notification-comp.less @@ -66,7 +66,6 @@ body { width: 100%; overflow-wrap: break-word; font-size: 14px; - margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;