Flag Post Other CSS FIX

peopleinside

Hi, as I don't know where to put hands on the code I suggest to change the CSS as showed in the following two screen the bugged one and the fixed one.

The bugged one:

The fixed one:

The CSS that fix this issue (correct one is the following):

textarea.FormControl {
	resize: vertical;
}

clarkwinkelmann

peopleinside it would be fantastic if you could PR that to the flags extension.

Did you check if the problem was visible in multiple browsers ? The solution will also have to be checked in the main browsers to be sure it's not breaking on another one 😇

peopleinside

clarkwinkelmann Can I PR with an issue in the flag extension? I looked and seems I cannot open issue in the extension page. I never tested the CSS in other browser but should work. I will try to see. Thanks

jordanjay29

peopleinside Yes, you can open a PR in our extensions. We prefer to keep all issues in the flarum/core repo.

Before you do this, can you confirm this still appears on the Nightly Demo (https://nightly.flarum.site/) please? There have been recent changes to Flags, this issue might have been caught already.

peopleinside

jordanjay29 How can i test if Flarum don't let a new user registered flag other user post?
I'm trying to replicate but cannot.
What sense has a new user cannot flag post's?

So if someone register in the community because need flag a post cannot do...?
This seems to be very bad. Why this?

peopleinside

jordanjay29

I tested and the CSS is not good.
Create issue when user made post as resize is showed also there so just is not the correct way to fix.

tankerkiller125

peopleinside New users should be able to create flags, because it's a demo site it's possible someone messed with the permissions and made it so only a specific group could flag. Default installs though do allow any registered user to flag a post.

peopleinside

tankerkiller125 Ok thanks. Anyway my CSS doesn't fix, fix but create issue on other parts so i suggest just to look into that. Is not a big issue but is an imprecision about the text box that come be dragged out of the screen 🙂

jordanjay29

peopleinside Your CSS fix needs to target that specific element. Check for IDs for the flag modal itself, or attributes on the element that you can target with CSS.

peopleinside

jordanjay29 I will stop there for now. Tried but was not able to take the specific CSS

peopleinside

The CSS that seems work is

.Modal-body .FormControl {
	resize: vertical;
}

Work with Firefox, Chrome.
In Edge the box resizing seems to not work.
I don't know where this CSS should be inserted maybe some one that manage flag extension will know.