This question is answered.


Permlink Replies: 6 - Pages: 1 - Last Post: 10 Mar 26, 13:26 Last Post By: JeffTucker Threads: [ Previous | Next ]
jret

Posts: 108
Registered: 5-Mar-2009
Neptune: Display mystery
Posted: 10 Mar 26, 01:35
 
  Click to reply to this thread Reply
Following a recent jAlbum/Neptune upgrade I've discovered a display anomaly that I can't solve. The fullscreen icons no longer display on iPhones.

Homepage is JRET.net and is fine when viewed with my Mac Studio's displays - Dell (1920 x 1200) and ASUS 5K (checked it all the way to 5120x2880). Homepage is also fine with iPad Pro running IOS 26.3. The fullscreen icon (upper right corner) is missing when viewed on iPhone 16 Pro (standard screen) running iOS 26.3.1 and also missing when viewed on iPhone 15 Max (large screen) running iOS 26.3.

The homepage was recently updated to jAlbum 39.2.2 and Neptune 132.

On the two iPhones the logo is no longer centered with the missing icon on the right. I immediately suspected that the CSS code to keep the center logo at the top of the display was the culprit - .ja-logo {padding: 0px !important;} so I removed that line of code & rebuilt. The icon was still missing but the logo was now centered and dropped down. Since that didn't correct the missing icon I added the CSS code back & rebuilt.

Next clue: from the Homepage click the upper left INFO icon and then click the PHOTO GEAR icon. The GEAR album has not been updated and is running under jAlbum 39.2 and Neptune 131. The fullscreen icon is not missing with this configuration.

I have two other sites that use jAlbum/Neptune. I use the fullscreen option in all. I've only updated a couple of albums but the result is the same. Following the update the fullscreen option no longer displays on the iPhones.

At this point I suspect Apple has somehow broken something with their new Tahoe adventure. If that is indeed the case I imagine I have a better chance of winning the lottery than getting them to admit it, much less fix it. Any ideas? solutions? Hopefully, it's something simple, but I'm stumped at the moment.

G --
JeffTucker

Posts: 8,205
Registered: 31-Jan-2006
Re: Neptune: Display mystery
Posted: 10 Mar 26, 02:15   in response to: jret in response to: jret
Correct
  Click to reply to this thread Reply
From the release notes:

"Fullscreen icon is now hidden on phones. Phone browsers either don't support fullscreen, or do so very poorly."

In short, iPhones completely block the fullscreen function, so there's no point showing the icon for it. Android phones will theoretically do fullscreen, but it's a bit of a mess.
jret

Posts: 108
Registered: 5-Mar-2009
Re: Neptune: Display mystery
Posted: 10 Mar 26, 02:42   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
The funny thing is that I actually did read the release notes as I was installing the updates but somehow did not make the connection when I noticed the "missing" icon on the iPhone.

I removed the CSS code and rebuilt. The logo is now properly centered with the only "casualty" being the logo no longer at the top of the display in either orientation (portrait or landscape) when viewed on the iPhone. Looks fine on all other displays - can't test on Android (don't have one) and can't test on Windows.

Simple solution that I can live with. I did prefer the logo closer to the top but it's fine as is. Thanks again for your prompt solution.
JeffTucker

Posts: 8,205
Registered: 31-Jan-2006
Re: Neptune: Display mystery
Posted: 10 Mar 26, 02:54   in response to: jret in response to: jret
Helpful
  Click to reply to this thread Reply
Attachment common.css (47.4 KB)
Ah, I hadn't tested what happens when there's a title bar logo. Perfect centering is often problematic on a small display, and sometimes has to be sacrificed in favor of usability. But in this case, I think I can fix it easily. Swap out Neptune's common.css for this version, and see what it looks like.

(For those following from the cheap seats, there's a layout difference between display: none; and visibility: hidden. The latter preserves the space occupied by the element - the former does not.)
jret

Posts: 108
Registered: 5-Mar-2009
Re: Neptune: Display mystery
Posted: 10 Mar 26, 11:23   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
The css file did the trick ... many thanks. I'm also glad to learn about visibility:hidden and the layout difference.

Will the next Neptune update include the css changes?
jret

Posts: 108
Registered: 5-Mar-2009
Re: Neptune: Display mystery
Posted: 10 Mar 26, 12:11   in response to: jret in response to: jret
 
  Click to reply to this thread Reply
Question answered - just saw the release notes for 133
JeffTucker

Posts: 8,205
Registered: 31-Jan-2006
Re: Neptune: Display mystery
Posted: 10 Mar 26, 13:26   in response to: jret in response to: jret
 
  Click to reply to this thread Reply
I still need to go back and do some poking around, just to make sure I haven't broken anything else. Getting things centered is always tricky - CSS doesn't handle it well, surprisingly. New coders are always mystified to discover that float: center; isn't a thing. ;)
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums