XF 2.2 Notice warning message cut short div.blockmessage

[ActorMike]

How can I show all of our custom phrase for a warning message? It gets cut off after so many characters, but there is plenty of room on the screen to display all the text.
As you can see it's related to the div.blockmessage.

 

[ActorMike]

Looks like the CSS is here- core_blockmessage.less but I cannot find the place where I need to increase the size of the box to display all the content.

 

[Old Nick]

How did you configure this notice? I'm not sure what functionality you're using here.

 

[ActorMike]

How did you configure this notice? I'm not sure what functionality you're using here.

It's a notice message when they register and the registration is rejected.

 

[Old Nick]

This is the class that limit the content :

.blockMessage--limited {
    max-height: 100px;
    max-height: 25vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

You can adjust this contrait by adding this in your extra.less template i guess. Set the height as you wish.

.blockMessage--limited {
    max-height: 400px;
    max-height: 100vh;
}

 

[ActorMike]

This is the class that limit the content :

.blockMessage--limited {
    max-height: 100px;
    max-height: 25vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

You can adjust this contrait by adding this in your extra.less template i guess. Set the height as you wish.

.blockMessage--limited {
    max-height: 400px;
    max-height: 100vh;
}

I noticed that earlier and edited the core_blockmessage.less directly and it had no effect. I reverted that file and Just tried adding your code to the extra.less and it did not change for some reason.

 

[Old Nick]

I can't test my code because i'm not able to get this kind of notice on my forum.
But you can test this :

.blockMessage.blockMessage--limited {
    max-height: 400px;
    max-height: 100vh;
}

OR

.blockMessage .blockMessage--limited {
    max-height: 400px;
    max-height: 100vh;
}

 

[Paul B]

Are you referring to the text being truncated with the ... ?

CSS won't fix that - it's likely due to the snippet function.

Create a demo here and repro the notice and I can take a look: https://xenforo.com/demo/

 

[ActorMike]

Create a demo here and repro the notice and I can take a look: https://xenforo.com/demo/

Thanks for the confirmation. As you said, altering the CSS did nothing.

Is there another way to troubleshoot? Here is a video capture-

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[Paul B]

The video is unavailable.

I will need to inspect the source code/templates anyway to determine the issue.

 

[ActorMike]

@Xon is this related to your Signup abuse detection and blocking 1.12.3 add-on? This happens when a registration is rejected for a VPN using the extension we purchased.

@Brogan the video permissions work now for embedding.

 

[Xon]

The reject reason has a max length of 250 characters, You are likely running into that.

 

[ActorMike]

The reject reason has a max length of 250 characters, You are likely running into that.

How/where can that be changed to 500 characters?