Add .slx-ellipsis class to prevent long fields from overflowing - currently used by news only

1 files changed, 8 insertions, 1 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
+}