cover not displaying in full screen mode (iOS) about lms-material

[CDrummond]

Please try adding ?noblur to the material URL. E.g. http://server:9000/material/?noblur

[TheOriginalOrthonormal]

Result:
The dim enlarged background image is now not blurred. This background image is still turned on or off with the "Draw Background" toggle. When "Draw Background" is off, the screen shows the song text info on a black / dark grey background.

[CDrummond]

Sorry, are you saying this resolved the issue or not?

[CDrummond]

By full screen do you mean the more playing view?

[TheOriginalOrthonormal]

No, it did not.

By full screen, I mean the large Now Playing view that fills the screen, toggled by the square (enlarge) and plus (collapse) icons.

In full screen view, the normal behavior is to display the album cover, sized to fit the entire cover on the screen, with a dimmer version in the background scaled to fill the screen.

In iOS Safari, the dimmer version is all that is shown. The main cover image is not displaying.

[CDrummond]

Ok, at least it's not the blur causing the issue. Do know how much html you know, but before 3.5.0 material used img tags for these. 3.5.0 uses plain div tags and sets the background-url property. This might be the issue, and if so should already be fixed in git for the next release, as I've reverted to img

[TheOriginalOrthonormal]

I hope that's it! Could be that the old version of Safari (iOS 10) doesn't understand that formatting. I'll cross my fingers and wait for the next release.

[TheOriginalOrthonormal]

When you said the next release, do you mean 3.5.1 or the next version after that? I only noticed the problem in the last few days. When did 3.5.0 go out? If 3.5.1 was three days ago, that seems to correspond to when I noticed the problem. I'll still cross my fingers and wait to see if 3.5.2 fixes it.

[CDrummond]

3.5.0 a released last weekend.

[CDrummond]

Just released 3.5.2, hopefully resolves the issue.

[TheOriginalOrthonormal]

On the iPad, the cover is displayed now, but at the original size starting at the upper left corner, instead of scaled to fit the screen. Depending on the size of the cover image, it results in the right and bottom of the cover being cut off. Scaling is proper in the Android phone interface (using the "LMS" wrapper app), and in Firefox on my Windows PC.

[CDrummond]

I assume the cover in the bottom bar, in desktop layout, also has a similar issue?

Are you sure this worked before? As I've looked at the code from 3.4.0 and 3.5.2 and whilst not 100% the same, there is nothing that (AFAIK) should affect this.

Also, can you try completely clearing Safari's cache and full-reload the page? It could, but probably is not, be a cache issue.

To be honest, not sure what to do. I have no such iOS available, and the issue with iOS is that there is only 1 browser engine - WebKit - which only gets updated with new iOS. Installing another browser would not help.

[CDrummond]

Ah, scratch that. I think its because your browser does not support the "min" css syntax.

[CDrummond]

OK, think I have this resolved. Please unzip the attached test version over the LMS installed version (i.e. the contents of this ZIP file need to go within the 'MaterialSkin' folder in your LMS's plugins folder), restart LMS, clear browser cache, and see if now works. (LMS might say an update of MaterialSkin is available after installing, ignore for now).

lms-material-test.zip

[TheOriginalOrthonormal]

That worked. I get a large cover image, centered left to right, that fits within the screen, similar to what it looked like before last week. Thanks!

I'd prefer a bigger image with smaller left, right, and bottom margins, but that's minor compared with not getting the image at all.

[CDrummond]

What about this version?

lms-material-test2.zip

[TheOriginalOrthonormal]

That one shows the cover upper left justified and extending off screen on the right and bottom, similar to 3.5.2.

[TheOriginalOrthonormal]

Scratch that. The lms-material-test2 does look okay. The first time I tried it, it looks like the server updated itself to 3.5.2,
Am I looking for a difference in the margin space? It looks pretty similar to the lms-material-test.zip in terms of margins, maybe a little smaller margins.

[TheOriginalOrthonormal]

Test 1

Test 2

[TheOriginalOrthonormal]

3.5.3 showed up this morning. Margins look great!

[CDrummond]

Great, thanks for the confirmation.