diff options
-rw-r--r-- | style/default.css | 9 | ||||
-rw-r--r-- | 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&newsid={{newsid}}&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> |