Inline Group Badges

davwheat

Inline Group Badges

A Flarum extension. Move group badges to be inline with usernames using pure CSS.

Installation

Install with composer:

composer require davwheat/inline-group-badges:"*"

Updating

composer update davwheat/inline-group-badges:"*"
php flarum cache:clear

[deleted]

I got an error after installation:

[2021-03-07 21:46:37] flarum.ERROR: TypeError: Argument 1 passed to Flarum\Formatter\Event\Rendering::__construct() must be an instance of s9e\TextFormatter\Renderer, instance of PHP_Incomplete_Class given, called in /home/xxx/xxx/vendor/flarum/core/src/Formatter/Formatter.php on line 105 and defined in /home/xxx/xxx/vendor/flarum/core/src/Formatter/Event/Rendering.php:46
Stack trace:
#0 /home/xxx/xxx/vendor/flarum/core/src/Formatter/Formatter.php(105): Flarum\Formatter\Event\Rendering->construct(Object(__PHP_Incomplete_Class), Object(Flarum\Post\CommentPost), '<r><p>U Odjelje...', Object(Laminas\Diactoros\ServerRequest))
#1 /home/xxx/xxx/vendor/flarum/core/src/Post/CommentPost.php(172): Flarum\Formatter\Formatter->render('<r><p>U Odjelje...', Object(Flarum\Post\CommentPost), Object(Laminas\Diactoros\ServerRequest))
#2 /home/xxx/xxx/vendor/flarum/core/src/Api/Serializer/BasicPostSerializer.php(44): Flarum\Post\CommentPost->formatContent(Object(Laminas\Diactoros\ServerRequest))
#3 /home/xxx/xxx/vendor/flarum/core/src/Api/Serializer/AbstractSerializer.php(95): Flarum\Api\Serializer\BasicPostSerializer->getDefaultAttributes(Object(Flarum\Post\CommentPost))

davwheat

[deleted]

This ext has no back-end changes and definitely doesn't touch any formatting (which is what your issue seems to indicate), so that looks like it's to do with another extension you have installed (probably got updated when you required this one).

askvortsov

[deleted] Remove everything in your storage/cache folder.

katos

Looks good! Thanks for sharing davwheat

[deleted]

@davwheat & @askvortsov
Thanks, deleted content in storage/cache, reinstalled extension and everything is ok now. Looks great!

czayorijinal

help, please

tolgaaaltas

czayorijinal It's incompatible with the latest version of Flarum. You can check yourself on Extiverse.

davwheat

czayorijinal clarkwinkelmann

Looks like I just forgot to tag a release. Done so now! 🙂

I don't have perms to edit the tags, so if someone else could, that'd be fab.

czayorijinal

tolgaaaltas okey, thanks

1Dot

czayorijinal If you are ultra interested and can't wait for it to update to latest version.
then you can add the below css in your custom css in admin panel.

.PostUser {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;

  &-badges {
    &.badges {
      position: static;
      float: none;
      width: auto;
      margin: 0;
      margin-right: 8px;
    }

    .Badge {
      margin-left: 0;
      padding-top: 0px !important;
    }
  }

  h3 {
    margin: 0;
  }

  @media (max-width: @screen-tablet-max) {
    flex-direction: row;

    &-badges.badges {
      margin-right: 0;
      margin-left: 6px;
    }
  }
}

// Make group color the color of the icon, where supported
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .PostUser-badges.badges .Badge {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;

    // Remove shadow
    box-shadow: none;

    .Badge-icon {
      font-size: 14px;
    }
  }
}

clarkwinkelmann

@davwheat what's the stand on compatibility on this? I see there are commits on GitHub for 1.0 compatibility but no recent new release.

I have added the incompatible tag for now.

YoF

Hi, this extension conflicts with the Level ranks extension.

Enable Level RanKs extension only

Both extensions are enabled together