<div dir="ltr"><div class="gmail_default" style="color:#444444">The reason for not wrapping is this is a fixed header element and we want to reduce the amount of space it takes up on screen.</div><div class="gmail_default" style="color:#444444">

<br></div><div class="gmail_default" style="color:#444444">if you forget the entire name of the article you can scroll up to the top of the page.</div></div><div class="gmail_extra"><br clear="all"><div><div dir="ltr"><div>

<font style="background-color:rgb(255,255,255)" size="1" face="arial, helvetica, sans-serif"><b style="color:rgb(68,68,68)"><br></b></font></div><div><b style="font-family:arial,helvetica,sans-serif;font-size:x-small;color:rgb(68,68,68)"><br>

</b></div><div><b style="font-family:arial,helvetica,sans-serif;font-size:x-small;color:rgb(68,68,68)">Jared Zimmerman </b><font color="#999999" style="font-family:arial,helvetica,sans-serif;font-size:x-small"> </font><font color="#000000" style="font-family:arial,helvetica,sans-serif;font-size:x-small">\\</font><font color="#999999" style="font-family:arial,helvetica,sans-serif;font-size:x-small">  </font><font style="font-family:arial,helvetica,sans-serif;font-size:x-small;color:rgb(153,153,153)">Director of User </font><font style="font-family:arial,helvetica,sans-serif;font-size:x-small;color:rgb(153,153,153)">Experience </font><font style="font-family:arial,helvetica,sans-serif;font-size:x-small"><font color="#000000">\\</font><font color="#999999"> </font></font><font color="#999999" style="font-family:arial,helvetica,sans-serif;font-size:x-small">Wikimedia Foundation               </font><br>

</div><div><div style="margin:0in 0in 0.0001pt"><div style="margin:0in 0in 0.0001pt"><div style="margin:0in 0in 0.0001pt"><div><div style="margin:0in 0in 0.0001pt"><font style="background-color:rgb(255,255,255)" size="1" face="arial, helvetica, sans-serif" color="#999999"><font>M : +1 415 609 4043</font> |  <img src="http://cl.ly/OWj3/twitter.png"> :  <font><a href="https://twitter.com/JaredZimmerman" target="_blank">@JaredZimmerman</a></font></font></div>

</div><div style="margin:0in 0in 0.0001pt"><br></div></div></div></div></div></div></div>
<br><br><div class="gmail_quote">On Thu, Dec 12, 2013 at 5:12 PM, Matthew Flaschen <span dir="ltr"><<a href="mailto:mflaschen@wikimedia.org" target="_blank">mflaschen@wikimedia.org</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">

<div class="im">On 12/11/2013 10:31 PM, Juliusz Gonera wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
However, it might be better to wrap the title (language aside, it could<br>
provide better usability for some scenarios, e.g. if you lock your phone<br>
when editing, then come back to it and want to see what page you're on).<br>
</blockquote>
<br>
I'm not sure if I understand the example use case.<br>
</blockquote>
<br></div>
You open your browser back up and you want to see the full article name you're editing.<div class="im"><br>
<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Let's say we do it in JavaScript, we know the browser window width, but we don't know how many<br>
characters will fit in a single line... For those reasons I'd rather<br>
stick with text-overflow: ellipsis in CSS.<br>
</blockquote>
<br></div>
I'm suggesting using the browser's normal wrapping algorithm (the same one a normal paragraph or div uses), rather than truncating or splitting the string based on an explicit calculation.<br>
<br>
Matt Flaschen<div class="HOEnZb"><div class="h5"><br>
<br>
<br>
______________________________<u></u>_________________<br>
Design mailing list<br>
<a href="mailto:Design@lists.wikimedia.org" target="_blank">Design@lists.wikimedia.org</a><br>
<a href="https://lists.wikimedia.org/mailman/listinfo/design" target="_blank">https://lists.wikimedia.org/<u></u>mailman/listinfo/design</a><br>
</div></div></blockquote></div><br></div>