17thshard / palanaeum

A website for collecting audio interviews and transcribing the questions & answers
GNU Affero General Public License v3.0
33 stars 18 forks source link

Truncate long source names #67

Closed marvin-roesch closed 5 years ago

marvin-roesch commented 5 years ago

Issue

Entries/events with particularly long source names (e.g. just using the URL) can lead to overflows in the layout, as can be seen on entry 3403: Example The overflow may also force the entire entry to resize, which bubbles up to an entire event. On small screen devices, this can result in unnecessary ugly overflows and horizontal scrolling, seriously diminishing usability.

Solution

In order to avoid the bad layout, automatic client-side truncation of the source name is applied. This acts on individual sources and changes normal appearance slightly, because no wrapping is allowed inside source names anymore.

A source such as the example would get truncated as follows: Truncation Example