Page 1 of 1

Avoid word break at "messages" from topbar

Posted: 15 Dec 2017, 02:47
by vished
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

   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
			</a> <p:repeat
					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"
										<f:converter converterId="prettyTimeCustomConverter" />
									<h:outputText styleClass="shorten-long-text"
										value="#{messageReceiver.messageSender.text}" />

Re: Avoid word break at "messages" from topbar

Posted: 27 Dec 2017, 15:48
by aragorn
Could you please attach runnable code for us to replicate?