Fix very long titles breaking list view (brantje#103).

trurli · Apr 14, 2018 · ffdc143 · ffdc143
1 parent 84b38cd
commit ffdc143
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 5 deletions.
diff --git a/css/app.css b/css/app.css
diff --git a/css/app.css.map b/css/app.css.map
diff --git a/js/app/filters/trusted.js b/js/app/filters/trusted.js
@@ -22,6 +22,6 @@
 
 angular.module('NextNotesApp').filter('trusted', function($sce){
   return function(html){
-    return $sce.trustAsHtml(html)
-  }
+    return $sce.trustAsHtml(html);
+  };
 });
diff --git a/sass/app.scss b/sass/app.scss
@@ -978,4 +978,10 @@
 }
 .mce-tinymce.mce-fullscreen{
   margin-top: 45px;
-}
+}
+
+.note-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block !important;
+}
diff --git a/templates/views/list.html b/templates/views/list.html
@@ -55,7 +55,7 @@
 						class="file pointer"
 						ng-if="hasPermission(note, 'update')"
 						ng-click="editNote(note)">
-						<div>{{note.title}}</div>
+						<div class="caption note-title">{{note.title}}</div>
 						<div class="caption">
 							<small>{{ note.content_plain.substr(0, 500) | htmlToPlaintext}}
 							</small>