Core: Badges showed differently: front and back end

Created on 11 Feb 2019 · 6Comments · Source: flarum/core

Current Behavior

I uploaded a custom image for badges in the assets folder, format svg.
Added the following CSS in the backend of Flarum under apparence:

.icon.icon-xxx {
  display: inline-block;
  background: url(/assets/logo-symbol.svg) center;
  width: 100%;
  height: 100%;
  background-size: 100%;
}

Than under permission in backend i edited the group admin by setting up as badge icon: icon icon-xxx

Expected Behavior
See the correct badges also in the backend. The badge is showed only on the community visitor side, not in the permission tab, admin group.

Screenshots

Please see: https://discuss.flarum.org/d/18196-custom-badges-how-to-have-a-not-standard-badge/10
as you can see the admin badge in the permission are not visible but if i open the community https://community.peopleinside.it/d/6-faq-regolamento-cookies the badge is correctly showed.

Environment

Flarum version: 0.1.0-beta.8.1PHP 7.3.1
Website URL: https://community.peopleinside.it
Webserver: [e.g. apache, nginx] Apache
Hosting environment: [e.g. shared, vps] VPS
PHP version: 7.3.1
Browser: Firefox last one

Output of "php flarum info", run this in terminal in your Flarum directory.

Possible Solution

If the badge hosted in my asset folder is correctly showed on front end side to visitors should be showed also correctly in the backend.

Additional Context

https://discuss.flarum.org/d/18196-custom-badges-how-to-have-a-not-standard-badge

Are you able to reproduce this? Be able to set a custom badges can be very useful and actually doesn't require an extensions so i am asking if something in the code can be just improved for show correctly self hosted badges as in the visitor side works. The code should show the same badge showed to the visitor also on the backside panel, should be not an issue but seems not working with self-hosted badge.

Source

PeopleInside

All 6 comments

The issue here is that custom CSS set from the Basics page is not applied to the admin side, only the forum itself.

datitisev on 11 Feb 2019

👍1

Should be added maybe a CSS section also for the backend. Can be useful or maybe the one existent applied also in the backend... also because without... i don't know where put hands :D for fix the issue i am having in the admin side :D

Found, i added manually - just open the backend CSS and on top is indicated where you can custom CSS. Maybe in the future the backend editor CSS can allow to select where insert the CSS font/back etc.

PeopleInside on 11 Feb 2019

I'll close this for now, as this can be considered to be working as intended.

Feel free to open a feature request on the forums, if you want to gather more support / arguments for this feature. Personally, I am skeptical.

franzliedke on 12 Feb 2019

👍1

Maybe we should add a "group badge custom CSS" textarea when adding/editing a group, where you can set CSS rules to be applied to the group's badge (on both the frontend and backend)? It's quite a valid/common usecase