Sam's personal "minimal" topic list design

theme-full

(loopback0 - TDWTF) #42

Fair enough, was just making sure my concerns were at least logged. I’ve since seen the other topics but didn’t want to duplicate.


(Lowell Heddings) #43

This is really great, it will soon make its way to HTG as well (with a few modifications)

I was just thinking that I like the mobile topic list a lot better than the desktop one, went looking and found this topic. Thanks!

What would be really nice would be to use this in about 2/3 the current width of the desktop topic list, and then add a navigation sidebar to the right with all the categories. Navigation to sections would be a lot more intuitive, I think.


(Joe Seyfried) #44

Although I risk to go utterly OT here: is there a way to offer the users one or several designs they could choose in their preferences? Planned feature? Plugin material? Far out?

I think this could be a nice touch if you could check a box for a design to make it “public”, one being the default, and the other ones can be configured per-user in their preferences. The style= link is nice for testing, but not that convenient…


(Sam Saffron) #45

I recommend holding off till the end of the week, I am in the midst of unifying the 2 places we render topic lists.


(Sam Saffron) #46

probably “ninja-super-secret” material, will not be built into the UI for quite a while. so nice ui for it will be plugin material.


(Sam Saffron) #47

I just updated my extension to support my latest round of refactoring and gave it a bit of a facelift

In particular we now have the last poster avatar and a deemphasized category style.

I am quite liking this category style, I don’t feel it gets in the way too much

cc @awesomerobot


(Jeff Atwood) #48

Pretty cool!

  • reply count number should be bigger
  • not a fan of the “tag” glyph I think a color bar is cleaner and less noisy
  • might want to vary color between user and date in the left hand column (black vs. grey or something)

(Dave McClure) #49

I like it, but I still find the line of text underneath the title distracting. It makes it harder for me to parse the list of topics titles.

I get that you didn’t like removing them completely as I’d suggested earlier, but that said, we don’t even have the created time in the list today… do you really find that problematic?

Also, the categories were easier for me to scan when they were in their own column, though I do like the de-emphasized colors.


(Sam Saffron) #50

Honestly the only way to tweak these kind of things is live with them.

I added a super secret param so you can stick a site customisation, so for example:
https://meta.discourse.org/?preview-style=589a2b8f-237f-4408-b86b-2d5f158b22b6&sticky=true makes my theme sticky for me, so I can live with it for a bit and see how it goes.

To disable either delete cookies or simply go to https://meta.discourse.org/?preview-style=


Letting users select different themes
(Jeff Atwood) #51

Remember, this is mostly just Sam playing with his topic list customization support which also made topic lists 2x faster along the way! :runner:

The whole issue of “2 rows per topic” vs “1 row per topic” layouts is a preference in itself. But I agree, if we decided topic start date is not important enough to show at all in the 1 row layout, then I doubt it should appear in a 2 row layout, either.


(se oli tonnin seteli) #52

Although I have no particular plans, I think this is a lot like what I would want my topic lists to look like once I get around to really customizing them.

I would probably use a bit stronger colours myself, as in darker. I also second reply count number being a point bigger and suggest that you try to scale avatars just enough to fill the row vertically, or scale everything else down accordingly.

I’m wondering about the latest post - once i have scrolled this page down enough not to see the column headers, I somehow think that the avatars and nicknames are in fact starters’ :smile:

edit: once I clicked the image to 100% zoom, I’d probably shrink the overall font size one point and cut down the padding/margins by a couple of pixels.

edit2: I really would like to eventually see this sort of minimal layout as a selectable alternative to the default layout. well good mate.


(Joe Seyfried) #53

@sam: very cool stuff with the sticky parameter, thanks!

Another stupid question: where can I find the original templates? I was poking around if I can find the original list/topic_list_item (e.g.), but my grep skills failed miserably… can you point me in the right direction? I wanted to make some more subtle adjustments, but for those, I need the original handlebar codes…


(Kris) #54

I really like this @sam!

Also not a huge fan of the tag glyph — definitely in favor of the color bars we currently use on category pages

Also agree on separating the date from usernames… dates could be a lighter grey, or the date can be separated by a comma or something simple


(Gerhard Schlager) #55

How sticky should this be? Looks like it works only till the end of the session.


#56

Fully agree with @codinghorror.


(Sam Saffron) #57

An interesting observation regarding, “I have this issue in theory vs in practice”

I started using this design exclusively on meta, and just now fixed incorrect avatars for last posters.

Its one of those issues that in practice is critical, but in “theoretical” reviews is often missed.


(Dave McClure) #58

@sam, for your consideration:


(Jacob Chapel) #59

I like the changes overall, and am trying it on my install to see how it goes.

It breaks the categories view as well as affects the suggested topics module.

Is this the issue where for some threads it shows the wrong avatar? Because I have that currently, but don’t see any updates to the code in the first post.


(Sam Saffron) #60

The suggested topics change is by-design, but the categories do look quite bad, will get that fixed.

Sorry, will sync the code up shortly.

edit updated now.


(Jacob Chapel) #61

Thanks!

I see you’re setting up some stuff for likes columns?

One thing I noticed and which I had to fix to get working was this:

<script type='text/x-handlebars' name='components/topic-list-header.raw'>

which should be

<script type='text/x-handlebars' data-template-name='components/topic-list-header.raw'>