Cosmetic issue: long dash/spaceless paths breaks the view in Emby apps and webinterface on mobile devices

[jant90 15]

In the web interface and inside apps (I could only verify the Android app) under "Media Info" Emby shows the full path of the media that the user is currently viewing. These paths can be quite long depending on how you name your media. Lines only break on spaces and dashes and this can cause a horizontal overflow on mobile screens, essentially breaking the view in the web interface and mobile apps. Please see screenshots 1 & 2 for details.

 

Using custom css this can be solved in the web interface by applying:

.mediaInfoAttribute {
	word-break: break-all;
}

After applying this fix there is no horizontal overflow anymore. As displayed in screenshot 3.

 

I'm reporting it here so this can be fixed in the Android app as well.

Thanks.

[Happy2Play 9782]

Note custom css only applies to the local (LAN/WAN) web client, not the online web client or any other client/app. 

 

To me if this is a app issue it should be in the app section.

[Luke 42080]

Thanks for the report. We'll take a look.

[jant90 15]

Thanks!