Avoid word break at "messages" from topbar

Post Reply
vished
Posts: 202
Joined: 02 Feb 2014, 17:38

15 Dec 2017, 02:47

Dear all,

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>

User avatar
aragorn
Posts: 2831
Joined: 29 Jun 2013, 12:38

27 Dec 2017, 15:48

Could you please attach runnable code for us to replicate?

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest