Add an ellipsis to authors, tags and series. re #79

Will certainly make it unusable for people using a lot of tags ..... let's wait for remarks!
This commit is contained in:
Sébastien Lucas 2014-07-25 14:02:31 +02:00
parent 4f644bd656
commit 2a5dc86484
2 changed files with 8 additions and 3 deletions

View file

@ -54,6 +54,11 @@
display:block; display:block;
} }
.ellipsis {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
display:block;
}
.panel-heading { padding: 10px 7px; } .panel-heading { padding: 10px 7px; }
.panel { margin-bottom: 5px; } .panel { margin-bottom: 5px; }

View file

@ -39,9 +39,9 @@
</a> </a>
</div> </div>
{{?}} {{?}}
<span class="glyphicon glyphicon-user"></span> <span class="sa">{{=htmlspecialchars (entry.book.authorsName)}}</span> <div class="ellipsis"><span class="glyphicon glyphicon-user"></span> <span class="sa">{{=htmlspecialchars (entry.book.authorsName)}}</span></div>
{{? entry.book.tagsName != ""}}<br /><span class="glyphicon glyphicon-tag"></span> <span class="se">{{=htmlspecialchars (entry.book.tagsName)}}</span>{{?}} {{? entry.book.tagsName != ""}}<div class="ellipsis"><span class="glyphicon glyphicon-tag"></span> <span class="se">{{=htmlspecialchars (entry.book.tagsName)}}</span></div>{{?}}
{{? entry.book.seriesName != ""}}<br /><span class="glyphicon glyphicon-list"></span> <span class="ss">{{=htmlspecialchars (entry.book.seriesName)}} ({{=entry.book.seriesIndex}})</span>{{?}} {{? entry.book.seriesName != ""}}<div class="ellipsis"><span class="glyphicon glyphicon-list"></span> <span class="ss">{{=htmlspecialchars (entry.book.seriesName)}} ({{=entry.book.seriesIndex}})</span></div>{{?}}
<div class="text-center bottomright"> <div class="text-center bottomright">
{{~entry.book.preferedData:data:j}} {{~entry.book.preferedData:data:j}}
<a href="{{=data.url}}" class="btn btn-primary btn-sm" role="button">{{=data.name}}</a> <a href="{{=data.url}}" class="btn btn-primary btn-sm" role="button">{{=data.name}}</a>