From dc523f69770af5c46a47ae4d801bcb130cf60d28 Mon Sep 17 00:00:00 2001
From: Simon Rettberg
Date: Thu, 12 Jun 2014 16:14:17 +0200
Subject: Add .slx-ellipsis class to prevent long fields from overflowing -
 currently used by news only

---
 style/default.css        | 9 ++++++++-
 templates/page-news.html | 6 +++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/style/default.css b/style/default.css
index c8e4d260..9b87f75c 100644
--- a/style/default.css
+++ b/style/default.css
@@ -116,6 +116,13 @@ body {
 	font-weight: bold;
 }
 
+.slx-ellipsis {
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	max-width: 240px;
+}
+
 .slx-rotation {
   animation-name: rotateThis;
   animation-duration: .75s;
@@ -126,4 +133,4 @@ body {
 @keyframes rotateThis {
   from { transform: scale( 1 ) rotate( 0deg );   }
   to   { transform: scale( 1 ) rotate( 360deg ); }
-}
\ No newline at end of file
+}
diff --git a/templates/page-news.html b/templates/page-news.html
index 00b4ea01..798a9846 100644
--- a/templates/page-news.html
+++ b/templates/page-news.html
@@ -42,8 +42,8 @@
 							{{#list}}
 							<tr {{#active}}class="active"{{/active}}>
 								<td class="text-left nowrap">{{date}}</td>
-								<td>{{title}}</td>
-								<td>{{content}}</td>
+								<td class="slx-ellipsis">{{title}}</td>
+								<td class="slx-ellipsis">{{content}}</td>
 								<td>
 									<a class="btn btn-primary btn-xs" href="?do=news&amp;newsid={{newsid}}&amp;action=show"><span class="glyphicon glyphicon-share-alt"></span> Verwenden</a>
 									<button class="btn btn-danger btn-xs" type="submit" name="newsid" value="{{newsid}}"><span class="glyphicon glyphicon-remove"></span> Löschen</button>
@@ -56,4 +56,4 @@
 			</div>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>
-- 
cgit v1.2.3-55-g7522