I imagine they designed it that way for building outlines, indenting/outdenting the subcategories as needed by the user.View attachment 590
The Indent and Outdent buttons are inside the lists group. They shouldn't really be there. It makes looking for them confusing. Could that possibly be changed?
Is it really? How weird.I’ll look into it but I think this is an XF default not a user option
Huh... I guess that makes sense. I doubt anyone uses it like that though.I imagine they designed it that way for building outlines, indenting/outdenting the subcategories as needed by the user.
I don't think I've ever had occasion to use an indent for any reason on this forum. In fact, using the journalistic no indent double space format on this forum for the last decade has made me drop indents from all other things I type.I doubt anyone uses it like that though.
Yup, that seems to be it. When I first clicked edit to check for the link adress, there was nothing there, so I closed the edit and managed to copy the link. Then I pasted both the link from the forum and from Facebook in two separate windows and checked, they seemed to mismatch a bit. A lot were the same, but there were some differences.i suspect this is a facebook issue rather than an us issue... if it works once theres no reason why it shouldn't continue to work so long as the url remains valid. Maybe the facebook url changes as more content is added above it... you could check by right clicking a previously linked image on FB and seeining if the url has changed
Hmmm. Anyone else having the same issue? I'm on a Samsung having no problems with Android.
checking edit function after posting... no issues
that worked! Thank you!It's not, for me, but I can make it happen. @JT Woody , click on the 3 dots on the left of the preview button, and see if the [] "Toggle BB code" button is available. If it is, try clicking it, see if that restores the other buttons.

.featuredBadges--message {
justify-content: center;
margin: 5px 0;
}
.featuredBadges {
display: flex;
flex-wrap: wrap;
grid-template-columns: repeat(auto-fit, 22px);
gap: 10px;
margin-top: 5px;
.featuredBadges .featuredBadge {
width: 22px;
height: 22px;
}

.featuredBadges--message {
margin-top: 5px;
}
.featuredBadges {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.featuredBadges .featuredBadge {
width: auto;
height: auto;
}

I'll forward your recommendations to the add-on developer.Badges look pretty screwed up...
View attachment 1176
They are kind of overlayed on top of each other. I looked at their CSS rules and they are just strange:
CSS:.featuredBadges--message { justify-content: center; margin: 5px 0; } .featuredBadges { display: flex; flex-wrap: wrap; grid-template-columns: repeat(auto-fit, 22px); gap: 10px; margin-top: 5px; .featuredBadges .featuredBadge { width: 22px; height: 22px; }
First of all, there is a grid-template-columns rule on a flexbox, so it will have no effect all. The second thing is that the "justify-content: center" rule is what largely causes the badges to look screwed up. Instead of starting to fill each element from the left, it fills it one by one from the center—hence why the second row looks screwed up like that.
The "margin: 5px 0" also wastes unnecessary space. It sets both a top and bottom margin—but the message-cell class already has padding, so no need to set the bottom margin. What the rule is meant to achieve is to place a gap between the user banner and the badge container so it looks nice. In that case, all that's actually needed is: "margin-top: 5px". The other margins stay at 0px and no space is wasted. Only what is needed is targeted.
In addition to that, there are two conflicting margin rules. "margin: 5px 0" basically overrides the "margin-top: 5px" rule, so it doesn't even do anything.
Each badge also has a specific height and width applied to it for whatever reason. This causes a really bad overflow, which makes applying rules properly harder for no reason. You can see how the badge icons flow out of the blue area. That's not really supposed to happen.
View attachment 1177
In other words, a better ruleset would be:
CSS:.featuredBadges--message { margin-top: 5px; } .featuredBadges { display: flex; flex-wrap: wrap; gap: 10px; } .featuredBadges .featuredBadge { width: auto; height: auto; }
This achieves the following look:
View attachment 1178
It looks better. The badges still look a bit off but that's the fault of the badge graphics (nothing that can be solved with CSS—the flexbox is already laying them out nice and evenly). I'm not sure if this information is useful but I thought it's worth mentioning.