In my opinion, the mobile version of the word is superfluous, and enough of some icons, for clarity I show an example.
How does this block look now
And how would he look
I apologize for my English
In my opinion, the mobile version of the word is superfluous, and enough of some icons, for clarity I show an example.
How does this block look now
And how would he look
I apologize for my English
It is a very good idea, what do you think @awesomerobot?
Yeah I think this is a great idea — I’d suggest keeping created/last reply as text though, I think they might lose too much meaning as icons only… I think everything else stays really clear.
as it seems to me, everything is clear.
Assuming there will be title elements where someone can hover and see what each icon means, I like it.
You’re not hovering over anything on a touch screen.
I vastly prefer the words on larger devices.
https://github.com/discourse/discourse/pull/5278
There are a lot of various cases to cover when it comes to number of actions, length of dates, viewport width, etc — I rebuilt the summary section of the topic map in flexbox in the process (on mobile only).
It feels like the icons should be dimmer, like GitHub does it in their tabs?
updated; this actually gels with the existing part of the map better too; icons are the same color as “created”, numbers are the same color as the created date
There is something about this I don’t like after seeing it in action can we try reducing the number of data points shown, by width maybe?
Hmm maybe the big problem here is that “created” and “last reply” are words?
Maybe just omit “created” on mobile altogether which is available anyway at the top then “last reply” does not even need a word? (the words also make russian not work at all well with this above design - see OP)
Also keep in mind a large amount of topics will have zero links and less than threshold views, so that is 2 less icons, it can look a bit bare to have almost nothing in the box… not sure what the perfect fix here is
The colors were quite wrong, making these super dark black just highlighted them too much for me. How about this… much better, less YELLING WITH BLACK
Then the alignment bothers me. Why not align things the same way? (exact spacing not intended here, this is a quick and dirty mockup)
Or flip bottom and top, like we do with the words, does not matter, in fact that might be more consistent?
Yeah I l like that better since it emphasizes the difference. Can we go with that @awesomerobot
Trouble is that in russian the words are already like 50% of the width on mobile, there is not too much room left,
I think the words are a big problem here in German / Russian etc.
Dropping “created” on mobile fixes that.
An alternative is floating “last reply” to the right and leaving created on left, then removing the words.
Much prefer your mockups here.
What glyph can meaningly convey last reply or last poster?
I guess for last reply you could use but what about last poster? Oh I see they are using the clock
Maybe no glyph for created and the reply glyph for last poster, make last poster icon a bit smaller, OP a bit bigger?
So like this?
I don’t think random size differences are going to read well, it’ll just feel screwed up. We could make them bigger
There is a fair bit of room here so they could be bigger still. I guess go with the above ↑ @awesomerobot
No words = best TRANSLATIONS EVARRR
I like the second mockup there I think it works really well on mobile.
Move last post date
to the end to highlight the fact that one is the start and one is the end?