From 5aa56dcba476adad5da0aeff3232d78c137c1c71 Mon Sep 17 00:00:00 2001 From: Mattias Gustavsson Date: Tue, 11 Feb 2020 14:59:43 +0100 Subject: [PATCH] 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 {