Search…

X3 Photo Gallery Support Forums

Search…
 
pede
Experienced
Topic Author
Posts: 60
Joined: 08 Apr 2019, 06:03

Presentation problem of EXIF meta data in popup caption

09 Jan 2023, 11:12

I have a small cosmetic problem with the popup display of photos: On mobile devices, the display of the aperture always appears with a line break.
This happens regardless of whether there is a lot or little space left in the line:
Screenshot_20230109-162959.png
Screenshot_20230109-162959.png (263.84 KiB) Viewed 99 times
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13675
Joined: 30 Sep 2006, 03:37

Re: Presentation problem of EXIF meta data in popup caption

09 Jan 2023, 23:38

Interesting. Could you send this photo to me or send me a link for the popup with this image?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13675
Joined: 30 Sep 2006, 03:37

Re: Presentation problem of EXIF meta data in popup caption

10 Jan 2023, 09:41

I tried the sample images, but can't recreate the problem. Perhaps you have a link?

Image
Image
 
pede
Experienced
Topic Author
Posts: 60
Joined: 08 Apr 2019, 06:03

Re: Presentation problem of EXIF meta data in popup caption

10 Jan 2023, 11:15

Because the effect does not occur in your environment, I tried other browsers on my Android smartphones.
In fact, the Chrome browser displays the aperture value without a line break, while FireFox and Fennec display it with an extra line.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13675
Joined: 30 Sep 2006, 03:37

Re: Presentation problem of EXIF meta data in popup caption

10 Jan 2023, 21:38

So, this issue is ONLY in some Android browsers? I tried your link in basically all desktop browsers, Mac + Windows and iPhone (iOS) but could not recreate what I see in your screenshot. It's probably easy to fix with CSS, but would be good to isolate it the specific platform so I can target the fix properly.
 
pede
Experienced
Topic Author
Posts: 60
Joined: 08 Apr 2019, 06:03

Re: Presentation problem of EXIF meta data in popup caption

11 Jan 2023, 08:09

So, this issue is ONLY in some Android browsers?
Yes, it seems to affect only some Android browsers on mobile devices, as far as I could test them.
On my desktop PC, the problem does not occur at all.
Thanks for your efforts, especially since it is only small 'cosmetic' problem.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13675
Joined: 30 Sep 2006, 03:37

Re: Presentation problem of EXIF meta data in popup caption

11 Jan 2023, 21:45

Ok. I haven't actually tested this, but it should work to simply set CSS white-space: nowrap, which basically tells the element "don't wrap text on multiple lines". Settings > Custom > Custom CSS:
Code
.popup-exif-f_stop {
  white-space: nowrap;
}
I'm not sure why the text decides to wrap on Android devices, but the above solution should fix it.
 
pede
Experienced
Topic Author
Posts: 60
Joined: 08 Apr 2019, 06:03

Re: Presentation problem of EXIF meta data in popup caption

12 Jan 2023, 08:08

Great, it works with that! Thank you very much!