The new "New" icon

[Paul B]

Just noticed the new "New" icon in posts.

I have to say it's a huge improvement on the old one <thumbsup>

How does it fit within the overall width of the site though?
Quite curious to see how it works as it sort of "wraps" around the edge.

It looks really good though.

 

[Paul B]

I shouldn't write anything before the image to see how will icon get placed with this image.

Like this.

 

[HiPotion]

now i can see it instead of looking for it

 

[Dean]

Yes it does.

View attachment 1929

View attachment 1930

Right. It gets pushed down 100 pixels when the New icon is there. About 100px from top line without New, 200 pix with New.

Ideally it would do the same for text instead of wrapping the occasional last character to the next line, as it appears to do. But this is really discussing the fine minutia.

 

[dutchbb]

Yes I agree it is an improvement. The dashed (instead of dotted) separation above signatures is too.

Nice to see that layout updates actually improve the look, instead of worsen it, like with some other software.

 

[Kier]

Unfortunately, there is a problem with the new icon, which I discovered just before I had to go out this evening.

Take a look at a new message in a conversation.



Oops.

I may have to think about moving the New indicator to the LEFT of messages.

 

[dutchbb]

That's unfortunate. It would be nice to be able to use a specific code/layout for private conversations, but I guess that would mean quite a bit of re-coding?

 

[Kier]

Not really, we could just specify alternative rules in the private message-specific CSS that would override the generic rules.

 

[Kim]

Looks very nice!

 

[James]

what is the small blue pixel in the top-right-corner of the "New" box ?

It's 3 pixels high and 4 pixels wide and is controlled via the nested span tag after .newIndicator - just in case you were after specifics.

It's used to create the wrap-around

 

[Kier]

I've moved it to the left - I think it actually looks pretty good, and it works properly for conversation messages too now (yay )

The change should have rolled out here by now.

 

[Dean]

So when you make a change like that, how many 'likes per minute' show up on your screen?

 

[erich37]

It's 3 pixels high and 4 pixels wide and is controlled via the nested span tag after .newIndicator - just in case you were after specifics.

It's used to create the wrap-around

Thanks for measuring the pixels

I just think it would look nicer (lean & clean) without the "web 2.0 wrapper".

 

[Paul B]

Hmmm, not sure about it on the left overlaying the avatar...

 

[erich37]

Hmmm, not sure about it on the left overlaying the avatar...

looks like a "New Member"

 

[DoctorWatsOn]

looks like a "New Member"

I was about to say that myself.

 

[Grover]

I've moved it to the left - I think it actually looks pretty good...

To be honest, I don't think it looks so good on the left. For me it is now in the way of the cleanliness that makes XF so great. The blue indicator on the left is too much 'in your face' and gets in the way of an easy reading of the postings/thread. Just focus your eyes on the content area in a thread... when they are lots of blue indicators on the left... your eyes tend to be distracted by it. But... maybe it needs some getting used to as well. Having said that I still prefer them on the right... at that position they are functional and at the same time not in the way of easy reading.

PS: and on the right it also solves the problem that it now looks like the [new] is related to the avatar/member for some people.

 

[Onimua]

I have to agree that it doesn't look to nice on the left, and with the blue-on-blue I almost don't notice it.

 

[TrixieTang]

I liked it better on the right.

 

[dutchbb]

I liked it better on the right side too

That's why I asked if it would be possible to use different layouts for posts and private conversations. It was good like it was in posts.

 

[erich37]

the position where the "New icon" was previously was just fine (when it had the golden color).
Just the previous golden-color was not fine to read the white-colored text on.

I would suggest put it back to the location where it was previously when it was gold colored.

The blue color is perfect now !
The 3px by 4px wrapper is [No Thanks]