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?

2 months later
2 months later

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.

4 days later
3 months later
10 days later

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.

2 months later
3 months later

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.

    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...

      • [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.

      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.
      ![

        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?

        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 😅

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

          7 months later

          Version 1.0.1

          Silence javascript errors if the user groups have not been loaded.

          This "fixes" incompatibility with some other extensions by silencing the javascript errors.

          If a third-party extension fails to load the user groups, Color Circles will still be unable to get the color and it will default to no color.

          Due to how the Flarum API was implemented, Color Circles cannot tell the difference between a user without group and a user whose groups have not been loaded, so no error/warning message has been added as it would otherwise flood the developer console on every page load for every user without any group.

          The extension has also been updated to Webpack 5 and therefore requires Flarum 1.2 or higher.