diff options
author | Simon Rettberg | 2014-06-12 16:14:17 +0200 |
---|---|---|
committer | Simon Rettberg | 2014-06-12 16:14:17 +0200 |
commit | dc523f69770af5c46a47ae4d801bcb130cf60d28 (patch) | |
tree | fe3bfbe09193063edd700c7facabfcd14bbffeec | |
parent | [news] Make nicer (diff) | |
download | slx-admin-dc523f69770af5c46a47ae4d801bcb130cf60d28.tar.gz slx-admin-dc523f69770af5c46a47ae4d801bcb130cf60d28.tar.xz slx-admin-dc523f69770af5c46a47ae4d801bcb130cf60d28.zip |
Add .slx-ellipsis class to prevent long fields from overflowing - currently used by news only
-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> |