CrimsonBird Hello. I have the Asirem and the Categories extensions enabled. The Categories extension has the "Icons in secondary categories" setting enabled. When I look at the FontAwesome icon of a category nested inside a primary category, I can only see the Asirem's circular background, but not the icon. Disabling the setting shows the icon in the same color as the background, making it impossible to see unless hovered by the mouse. This didn't happen before updating to v1.7.0.
Hi, thanks for letting me know. I noticed that it is happening on my forum as well (I do not have Asirem enabled). It is a CSS issue - the color of the icon is the same as the background color, which renders the icon invisible. I have reported it here: askvortsov1/flarum-categories41
You can fix that with a CSS like this:
.CategoryIcon {
color: unset !important;
}
However, this will have a similar effect if you have too bright tag colors, since all icons will be white. In that case, you will have to tweak each element's CSS manually, or change .CategoryIcon's color to be darker, or make your tag colors darker.
CrimsonBird Btw: I no longer have the advanced filter extension, making it a lot harder to differentiate the extensions that I have enabled with the ones I don't.
Yes, Advanced Extension Categories was removed today because it breaks the search feature (which was reported here). If you don't mind this, I can re-add it, but I would rather include it later when the issue is fixed because of compatibility reasons
DavecUK I see, thank you for reporting it to the author! Meanwhile, until a proper fix is implemented, you can apply this CSS fix which should move the title a bit to the right so that the elements don't overlap:
.DiscussionListItem-title {
margin-left: 1.3rem;
}
