Look & Feel

Tags: #<Tag:0x00007fa498f49a18>
#61

I’m getting much more used to Discourse now, and have my ‘unread’ settings where I want them.

The only thing I think is missing is a way to step straight onto the next unread thread rather than going back to the list and then opening the next one. Unless I’m missing something obvious…

#62

Not AFAIK.

The next step in your power-userhood: Press ?

#63

However, if you have unread “new” topics then they are prioritised in the Suggested Topics list at the bottom of the topic view.

1 Like
#64

I really don’t like the changes, it’s left aligned hard against the window edge… Looks terrible, and also when you resize all that happens is the content gets really narrow, it should push the name etc down!?

#65

A bit of left margin will be no bother.

The look of the avatar + meta section being one item is not how the HTML layout goes. The structure is:

( [Avatar] [ <Meta> <Body> ] [Gutter] )

So it’s easy to push the avatar around, but tricky to push the avatar and meta around consistently.

The default style (with the meta along the top of the post) copes much better with a narrow window, but wouldn’t it be jarring to switch between the two?

  • Note: Gutter still needs fixing but I don’t have time right now
#66

I don’t understand, but I am happy to show you how to tinker with css/html if you need more help…

@media ( max-width: 600px ) {
  .topic-meta-data {
    width: 100%;
  }
  .username, .user-title, .post-info {
    clear: none;
  }
  .contents {
    float: left;
    clear: left;
    width: auto;
  }
}
#67

Cheers. That doesn’t quite work as typed - the body drops under, but doesn’t slide left.

I’m sure it can be fixed. I will work some more on it this evening.

#68

I’m getting very confused with the CSS changes while mid reading of posts lol :laughing:

#69

Aagh, I thought I was working in preview mode!

EDIT: Right. Things should stop junmping around now :smiley:

#70

Fixed everything I broke, but also fixed other things that were already broke. Tidied up and consolidated the CSS so it reads in the same order as the HTML layout. Now in much better shape to tackle the narrow window text-wrapping. Tomorrow.

#71

What does a green circle with a 1 in it above the speech bubble indicate?

Screenshot_2015-07-01-07-47-30.png768×1280 142 KB

#72

That I was invited/mentioned? It lead me to a post I’d already read.

#73

Green notifications are for private messages. Red ones for topics

1 Like
#74

Narrow window now pushes content under meta as per Tommel’s spec.

Showing replies/replied posts in-line is still horribly ugly and I’m not sure what CSS selector to use to style them, because they don’t have a class of their own. This is where I need some help.

Pasted image924×512 80.8 KB

#75

Can you hack your way down to it using descendant selectors?

.class>element>element {

}

#76

Probably. I have a horrible feeling I’m going to have to copy and paste all the css for regular posts and rejig it for the “embedded” ones, which have a subtly different structure. Sigh.

#77

Ouch…

1 Like
#78

Actually, I might just display:none a bunch of it to make my life easier :smiley:

#79 
body, html { display:none; }

:slight_smile:

1 Like
#80

Actually, that wasn’t so bad :slight_smile: