From f6776df645ae2cb87b588274e88eb9db56193e11 Mon Sep 17 00:00:00 2001 From: zadam Date: Sun, 10 Oct 2021 14:34:54 +0200 Subject: [PATCH] link overflowing with ellipsis --- src/public/app/services/note_content_renderer.js | 1 + src/public/stylesheets/style.css | 6 ++++++ 2 files changed, 7 insertions(+) diff --git a/src/public/app/services/note_content_renderer.js b/src/public/app/services/note_content_renderer.js index 540035d4d..e3750f6c6 100644 --- a/src/public/app/services/note_content_renderer.js +++ b/src/public/app/services/note_content_renderer.js @@ -34,6 +34,7 @@ async function getRenderedContent(note, options = {}) { } else { $renderedContent.css("padding", "10px"); + $renderedContent.addClass("text-with-ellipsis"); let childNoteIds = note.getChildNoteIds(); diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 69c724149..b3bd8c2e7 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -944,3 +944,9 @@ input { padding-left: 25px; margin-bottom: 5px; } + +.text-with-ellipsis { + overflow-x: hidden; + white-space: nowrap; + text-overflow: ellipsis; +}