Color Circles for Groups

Mark73

Gatsu Yup, I tried to enable both extensions at the same time, one works and the other doesn't!

Mark73

If one user is assigned to several groups, how does the extension decide which color will be given to him?

matteocontrini

Mark73 it takes the first group with a color, if present

https://github.com/clarkwinkelmann/flarum-ext-circle-groups/blob/eb6e37cc3496712578baefc529f42091ffbf1440/js/src/forum/index.js#L16

And with "first" I mean considering the default Flarum sorting, which is probably based on the order of creation of the groups.

AADev

Gatsu your extension becomes incompatible if colored username is present

@clarkwinkelmann I am also having this problem 🙂
The extension that will be enabled later will have effect and the other will lose effect

Also, is there any extension for highlighting staff members post and changing color borders to staff group color?

clarkwinkelmann

I have confirmed the incompatibility lies in the other extension which has re-used my initializer name MickMelon/flarum-ext-coloured-usernames4 I won't be attempting to fix it on my side.

AADev

clarkwinkelmann Thanks, I fixed it with your reference to the error 🙂

clarkwinkelmann

Version 0.2.2 has been released with beta 14 support.

clarkwinkelmann

Release 0.2.3

Previous versions are already compatible with Flarum beta 15, this update just adds the category and links for the new Flarum admin panel.

Razorlk

thanks.

clarkwinkelmann

Release 0.2.4

Added color to user profile avatar #9

All recent versions of the extension were and still are compatible with Flarum beta 16 already.

Gatsu

clarkwinkelmann Hi.
In extiverse is marked as incompatible with beta 16.

clarkwinkelmann

Gatsu that's because Exiverse assumes an extension will break between beta 15 and 16, but a very small number of them do not, including this one.

I will not be tagging additional versions to work around that, particularly on a low support extension.

clarkwinkelmann

Released version 1.0.0 with Flarum 1.0 compatibility.

huuduy216

@"clarkwinkelmann is it me or it's a little off center?

clarkwinkelmann

huuduy216 what is off center?

It's using CSS to add a border to the avatar. The radius is already defined by Flarum. I'm not sure how the circle could be misaligned with the avatar since the border and avatars are the same HTML node.

huuduy216

clarkwinkelmann the circle, if you zoom in. Especially on the last reply, you will notice that the bottom part of the circle ia bigger than the top one. Weird...

0Creative

clarkwinkelmann I can confirm. The border looks weird. I noticed it's because of the box-sizing parameter, but despite the removal, some borders still look weird. The border is slightly larger on one side.
![

[deleted]

huuduy216 I've zoomed in on the image you provided, and they look fine to me. As @clarkwinkelmann has already said, it's a CSS radius that creates the circle border.

Darkle

0Creative I don't think this is because of the extension itself, it could be because of weird browser rendering errors, it happens in other browsers? or even in the same browser when you restart it completely?

clarkwinkelmann

I have seen some rendering issues in the past but I really have no idea how I would be able to fix them.

If there's an obvious solution I'll implement it but otherwise I can't help much with this.

Maybe Flarum or some extension causes the avatar to be aligned with half-pixels and the browser has trouble rendering the border properly? Or it could be due to some desktop scaling or hardware acceleration thing. Who knows 😅

0Creative

clarkwinkelmann In fact, border is ok after scaling the page. It's also great on mobile. Apparently, Chrome has a problem on desktop.

« Previous Page Next Page »