=== Description
We are currently using a fade to indicate when a page title in the sticky header has been clipped, example ([[ https://en.wikipedia.org/wiki/List_of_compositions_by_Johann_Sebastian_Bach?useskinversion=2 | link ]]):
{F34930144 width=800}
Instead we should switch to using `text-overflow: ellipsis`. It is a more clear indication that text has been clipped, and it is provided as a built-in CSS feature which I imagine makes the code more simple. Example:
{F34930157 width=800}
=== Notes
I apologize for the change in design here. Previously we hadn't reached a decision on the design team as to whether or not ellipsis were an internationally recognizable indication of clipped text. We have now agreed that it is acceptable. In the future CSS may even allow for language-specific overrides of how to handle this property.
=== QA steps
- Navigate to (TK - will add beta cluster or patchdemo link) an article page with a really long title i.e. `/wiki/Cneoridium_dumosum_(Nuttall)_Hooker_F._Collected_March_26,_1960,_at_an_Elevation_of_about_1450_Meters_on_Cerro_Quemazón,_15_Miles_South_of_Bahía_de_Los_Angeles,_Baja_California,_México,_Apparently_for_a_Southeastward_Range_Extension_of_Some_140_Miles`
- Scroll down to see sticky header - note that the title ends in an ellipsis instead of fading out.