I have a issue to avoid at huge textes a line break.
I tried the following but it´s not working:
Code: Select all
.shorten-long-text{
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
}
Code: Select all
<li><a href="#"> <i
class="topbar-icon material-icons animated swing fa fa-fw fa-envelope-o"></i>
<span class="topbar-badge animated rubberBand">5</span> <span
class="topbar-item-name">Nachrichten</span>
</a> <p:repeat
value="#{messageReceiverLastMessagesByUserNotLazyRequestNotLazyController.messageReceiverList}"
var="messageReceiver"
emptyMessage="Derzeit keine Nachrichten verfügbar">
<ul class="animated">
<li role="menuitem"><a href="#" class="topbar-message"> <p:graphicImage
name="images/avatar5.png" library="morpheus-layout" width="35" />
<h:outputText styleClass="shorten-long-text"
value="#{messageReceiver.messageSender.createDate}">
<f:converter converterId="prettyTimeCustomConverter" />
</h:outputText>
<h:outputText styleClass="shorten-long-text"
value="#{messageReceiver.messageSender.text}" />
</a></li>