BB Code Enhancements - Limit width of quote box container if quoted text isn't wide as page

Well, first of all, I saw this on XDA forums. Here's link to one example on their site, to get idea how it looks like. I also attached image, so you can look here how it looks like. Of course, actual look depends on width of quoted text. If text is really wide, you wouldn't notice any difference.

Quote box is normally wide as screen (i.e. it depends on your postbit type, either new or legacy), not as quoted text. And if quoted text is relatively short, to some it might look unaesthetic.

Anyway, if you'd like to limit quote box to width of quoted message, add this to additional.css:

.bbcode_container .bbcode_quote {
flex: 0 1 auto;
flex-basis: auto;
flex-direction: row;
flex-flow: row;
flex-grow: 0;
flex-shrink: 1;
flex-wrap: nowrap;
justify-content: flex-start;
float: left;
}

This would produce funny effect, your text would appear on the right of quoted block if there's space. To avoid it if you don't like it (probably you wouldn't) edit template bbcode_quote and add at the very beginning this:

<div></div>

Also, you need to add at the very end of the same template (bbcode_quote) this:

<div style="clear:left"></div>

In case your forum is RTL (arabic etc), you need to change float: left; into float: right; and in template you need to clear:right.

v1.0 - Initial version
v1.0.1 - solved problem with multiple (3 or more) nested quotations
v1.0.2 - solved problem with very short text and quote in the same line
v1.0.3 - solved problem with PHP and HTML BBcode

You can see attached image how it looks.

[Alan_SP]

Solved problem with multiple nested quotations like in this image:



When more than two nested quotations is used, with original version text outside quotations also appeared as a part of first quotation. In image Tekst 5 should be outside quote, but it isn't. Strange bug.

To avoid this, instead this template change:

<div style="clear:left"/>

Use this template change:

<div style="clear:left"></div>

First post is changed accordingly.

[Alan_SP]

There's also a problem with very short text and quote in the same line, for example:

Text: [QUOTE]some quote[/QUOTE]

To resolve this, add at the very beginning of bbcode_quote template one div to clear it:

<div></div>

First post changed accordingly.

[babyv0x]

Originally Posted by Alan_SP

This would produce funny effect, your text would appear on the right of quoted block if there's space. To avoid it if you don't like it (probably you wouldn't) edit template bbcode_quote and add at the very beginning this:

when i use this mod, my text appear on the right of HTML & PHP BBCODE

please fix

[MarkFL]

Originally Posted by babyv0x

when i use this mod, my text appear on the right of HTML & PHP BBCODE

please fix

Try using the following selector:

.bbcode_container .bbcode_quote {
	flex: 0 1 auto;
	flex-basis: auto;
	flex-direction: row;
	flex-flow: row;
	flex-grow: 0;
	flex-shrink: 1;
	flex-wrap: nowrap;
	justify-content: flex-start;
	float: left;
}

[Alan_SP]

Please confirm if it solves your problem, so I can change first post.

[babyv0x]

Originally Posted by MarkFL

Try using the following selector:

.bbcode_container .bbcode_quote {
	flex: 0 1 auto;
	flex-basis: auto;
	flex-direction: row;
	flex-flow: row;
	flex-grow: 0;
	flex-shrink: 1;
	flex-wrap: nowrap;
	justify-content: flex-start;
	float: left;
}

Originally Posted by Alan_SP

Please confirm if it solves your problem, so I can change first post.

Problem solved.

Thanks to MarkFL & Alan_SP

[Alan_SP]

Changed to version 1.0.3 - Solved problem with PHP i HTML BBcode.