link overflowing with ellipsis

zadam · Oct 10, 2021 · f6776df · f6776df
1 parent f0c6724
commit f6776df
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git 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
@@ -944,3 +944,9 @@ input {
     padding-left: 25px;
     margin-bottom: 5px;
 }
+
+.text-with-ellipsis {
+    overflow-x: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}