Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2017-11-29 15:41:25

peter
Member
Registered: 2012-09-26
Posts: 226

TTG blog page hard to read on a mobile.

I got the email with update notifications. When I go to the blog page and click on the link for info, the page does not fit properly in my android window. Makes it impossible to read as last word on each line is not visible. That's in landscape. Portrait is half cut off. No scrolling is possible.
(FYI).
Peter.

Edit:
Just to clarify, this is the page:
http://theturninggate.net/2017/11/29/ne … s-updates/
Wordwrap is not happening, and image is not re-sizing.
I have an Alcatel Idol 4S android phone.

Last edited by peter (2017-11-29 16:14:12)

Offline

#2 2017-11-29 16:18:33

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,118
Website

Re: TTG blog page hard to read on a mobile.

Thanks, Peter. I've found the problem. It was due to these two list items being wider than the viewport:

backlight/designer/application/dao/MenuDAO.php
backlight/publisher/application/delegates/GalleryDelegate.php

Because there are no spaces, they weren't wrapping. As a quick and dirty fix, I'm adding this to my CSS:

li {
	word-break: break-all;
}

And with that crisis averted, I should now perhaps try to get a higher altitude view of things to see whether such a thing belongs in our global typography rules ...


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#3 2017-11-29 16:38:43

peter
Member
Registered: 2012-09-26
Posts: 226

Re: TTG blog page hard to read on a mobile.

Landscape mode looks good now, but Portrait is not wrapping...yet.

Offline

#4 2017-11-29 16:45:48

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,118
Website

Re: TTG blog page hard to read on a mobile.

I've been messing around. You might need to reload the page again, or refresh the browser cache (which is annoyingly tricky on phones, usually requiring a dive into browser settings).


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#5 2017-11-29 16:53:38

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,118
Website

Re: TTG blog page hard to read on a mobile.

Okay, for anyone curious, this is the final snippet I'm putting into my CSS.

.page__column li {
  overflow-wrap: break-word;
      word-wrap: break-word;
  -ms-word-break: break-all;
      word-break: break-all;
      word-break: break-word;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
}

... and I will tentatively include this in the next update, whenever that happens, or if I don't find something reason to nix it between now and then.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#6 2017-11-29 16:55:43

peter
Member
Registered: 2012-09-26
Posts: 226

Re: TTG blog page hard to read on a mobile.

Matthew wrote:

I've been messing around. You might need to reload the page again, or refresh the browser cache (which is annoyingly tricky on phones, usually requiring a dive into browser settings).

So I discovered a while back!
it did reload for the landscape mode, but not for the portrait mode.
I'll check tomorrow and if it's still a problem, I'll report back.
I was hoping that the swipe feature on the Vegas slideshow had been added - is that one developed by Flickity?
Cheers!

Offline

#7 2017-11-29 16:59:16

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,118
Website

Re: TTG blog page hard to read on a mobile.

peter wrote:

I was hoping that the swipe feature on the Vegas slideshow had been added - is that one developed by Flickity?
Cheers!

No. Vegas Slideshow is designed to be used as a background slideshow, so lacks gesture support entirely. We're not likely to have a swipe-enabled slideshow until I finally get around to adapting Galleria for use in Backlight. I have a halfway prototype lying around here someplace that I really would like to finish up at some point, but not sure when I'll get to it ...


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB