Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

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

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

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: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
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 ...


Matt

The Turning Gate, http://theturninggate.net

Offline

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

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

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: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
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).


Matt

The Turning Gate, http://theturninggate.net

Offline

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

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
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.


Matt

The Turning Gate, http://theturninggate.net

Offline

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

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

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: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
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 ...


Matt

The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB