Show topic title in mobile theme

(Dave McClure) #1

When browsing discourse on my phone, I often have these moments where I’ve just clicked a link from the topic page, or from the suggested topics list, and after discourse kindly escorts me to my last read position, I go:

Here’s an example - what topic am I in again?

I get the challenge - we’re working with limited space here. But I do think it’d be very helpful if we can find a way to make the topic title continue to have a home as you scroll through a topic.

A few ideas to get the ball rolling:

  1. Take a few extra v pixels on the top:

  1. Demote the upper-right menu:

  1. Take over the progress bar:

Auto-hide persistent fixed header on scroll
Should category go below the topic title on the topic page?
Header takes up a lot of real estate on mobile site in landscape
I dislike the new mobile topic header behavior in 2.2.0.beta5
Hide the header while scrolling down
Add to homescreen banner on Android
Smart mobile header
(Jeff Atwood) #2

Or you could just scroll up momentarily and read the address bar?

(Bill Ayakatubby) #3

So I see a potential issue with this. Say you get linked to post # 40 of a topic with 75 posts. You can jump up to the top easily enough using the progress bar, but how do you easily get back to post # 40?

Edit: Ah, nevermind. I misunderstood. “Read the address bar,” as in the browser’s address bar. I guess “scroll up” is what confused me. Sure, that’s a work-around, but a pretty inelegant one. Browsers continue to de-emphasize any part of the URL that isn’t the domain + TLD. Long hosts + topic titles will involve tapping into the address bar to focus and then scrolling horizontally, especially in portrait mode.

(Dave McClure) #4

If I understand what you’re suggesting, to be specific, the steps are:

  1. scroll down momentarily so the address bar appears
  2. click in the address bar
  3. (And then maybe depending on the browser) scroll to the right to see the past of the URL that matters

If you meant what @bhaelochon thinks you mean, there is that problem (how do you get back to post 40)

Obviously, the issue here was considered in the desktop design, so there is no denying that it’d be helpful to show the title if an acceptable design can accommodate it.

I realize that putting resources towards something like this may not be currently in the cards, but what do you think of the idea?

(Jeff Atwood) #5

It is pretty rare to enter a topic then immediately forget what the title of the thing I just tapped on is. Do other news sites show the title of the news article always on screen on mobile? Do you forget what the article title is while reading it?

Plus in the rare event you do, there is a workaround. Scroll up 1 pixel, tap address bar in browser.

Auto-hide persistent fixed header on scroll
(Dave McClure) #6

News sites don’t put you in the middle of the article when you click the link to go there, so you see the headline again when the page loads.

Another case where it’d be helpful is when you link to a specific post on Twitter or within a discussion on the forum.

Its a minor complaint (there is always the back button too)

And your workaround is OK, but I think it’d be an improvement to to do something like this some day.

(Erlend Sogge Heggen) #7

How about overriding the default menu completely with the title whilst scrolling? Like so:

And menu would fade back 1 second after movement stops.

They’re all clickables, so you’ll never be needing them while you’re performing a scrolling action. And this way you get to take advantage of the entire header space, leaving room for category/tags as well.


Is it possible to make the title shown in mobile somehow?

(Erlend Sogge Heggen) #9

Not yet, but this is a planned feature for v1.7:

(Christoph) #10

So the solution for this was “expanding progress bar”? This is rather counter intuitive and difficult to find, especially for new users taken to the site via an external link…

(Jeff Atwood) #11

Too bad, that’s how it is. Feature complete.

(I quite like it, and I think it’s a very good design.)

(Jeff Atwood) #12