Help us test a new composer style

It is related to the tags field, which at very very specific widths (near the pictured width) has a bit of a freakout. You can see it in your screenshot, it is misaligned there. It’s only those very specific sizes.

{{tag-chooser}} is the last component I have to rewrite before fully removing select2, and I was talking of this with kris yesterday. Our idea so far is something like:

[ x tag1 x tag2 … ]

... expressing the fact that there are more tags, when you would focus the input, it would expand it. This is the best solution we could think of, given the space is very restrained now, and those scrollbars are very odd, this is also not an action many users will do : lot of tags + user wanting to look all the tags or edit them.

5 Likes

I used it for the first time this morning - bit of a shock, but getting used to it :slight_smile:

I noticed something a little odd when I edited a comment. The initial reply appears immediately as normal, but when I edited a comment, and submitted it, the update did not appear. I was concerned that the content / edit was lost. However, I refreshed the page and the new content was there. Strange it didn’t appear as normal though.

[Edit: making an edit to test it here again …]

[Edit 2: this time it seemed to work OK. Not sure if it was related to the length of time the edit window was open, or the length of the content, or something else, but the behaviour in this instance is as expected. Will continue to keep an eye on this]

On mobile, I wish there was a way to see the post I am responding to while typing the response.

So as the New composer is again stretched to full width, I wanted to know about one thing if there can be a scope of it. Can there be a CSS hack or maybe an admin panel toggle for those who want to go with the composer UI that had space on both sides?

You can play with CSS, e.g:

.open .grippie {
    width: 80%;
    margin: 0 auto;
}

#reply-control .reply-area {
    width: 80%;
}

to see somenthing like this:

6 Likes

Horizontal scrollbar shouldn’t come in preview right?

1 Like

Additional adjustments

5 Likes

Love this. Can’t tell you how many times I thought I was typing on the right :slight_smile:

10 Likes

2 posts were split to a new topic: CommonMark changed the way I number lists

@awesomerobot I would like to roll this into master on end of day Monday the 27th? I think we’ll have gotten all the major issues out by then.

9 Likes

Canned Replies has formatting issues when composing a new topic. The top is cut off, and the search box is missing. They seem to format correctly when replying.

4 Likes

Just submitted a PR on canned replies that should fix the layout with the new composer (this will break the layout a little with the old composer).

https://github.com/discourse/discourse-canned-replies/pull/38

7 Likes

This should be ready to merge by the end of the day today (the 27th). I don’t think there are any major issues remaining.

6 Likes

Still seeing this @awesomerobot

I think this style kind of works for google cause

  • bottom is 1px wide
  • toolbar is bottom is 2px wide and solid.
2 Likes

Still missing a few pixels in the preview area, when fully maximized:

This also causes

4 Likes

Some things which I noticed (on Chromium 62, Linux):

  • While the composer opens, the scroll bar of the edit area flickers frantically. Happens when unhiding the composer as well.

  • When you hide the composer window, the hide button turns into an X, which apparently cancels the message entirely. However, it shows no warning (like the cancel button does) and its tool tip still says “hide or show the composer panel”. I’m afraid that may sting a few people with in-progress posts.

  • The line width around the edit area is inconsistent, being two pixels in some places and one pixel in other places.

8 Likes

Hi,
how can I change the top blue color line? Is there any setting in color preferences?

Thanks.

It’s tied to the tertiary color. Alternatively, you can change it via CSS.

.open .grippie {
  background: <your color>;
}
8 Likes

A post was split to a new topic: Upload progress bar should use the “grippie” area