[FIXED] codeboxes too wide, when containing long lines

[joedf]

Example:

Code: Select all

8upo834u289uf5234985u3fiojh ejgdkf hlsdjfsghldfkjghdjkghfdjklgshdfjghlsdjkghsldkjghdjk ghslkjdghlksjdfghlksjdfghjklsdghlskdjghlkjsfdgkjsdghkjs dfghkjsdfhgdjksfghlksdjfghkjdsfhgsdjkfghsjkfghskjdghkdsfjghdkjsfg

This has been fixed. sort of.... it is just a note.
the fix (added css to stylesheet.css):

Code: Select all

.codecontent {
	white-space: pre-wrap;       /* CSS 3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	-ms-word-break: break-all;
	word-break: break-all;
}
.codecontent, .codetitle {
	max-width: 100%;
	overflow: auto;
}

boards/includes/bbcode.php

Code: Select all

$tpl_codebox_plus_open = '<div style="width:80%"><div class="codetitle"><b>{L_CODE}:</b> <a href="#" onclick="selectCodebox(this); return false;">[{L_SELECT_ALL_CODE}]</a> <a href="#" onclick="ShowHideCodebox(this); return false;">[{L_CODEBOX_PLUS_EXPAND}/{L_CODEBOX_PLUS_COLLAPSE}]</a> ' . $downloadlink . '</div><pre class="codecontent" style="overflow: auto;" >';

[TAC109]

This has been fixed. sort of....

All code boxes now seem to be 100 characters wide, regardless of the width of the contents.

[joedf]

Right, I'll try to fix that. By the way, what is your screen resolution?

[Blackholyman]

Using subsilver2 on my phone and its not fixed.

[joedf]

Alright.... I have updated the OP.
Marked as fixed. Does everyone concur?? :0

[TAC109]

Code: Select all

Not fixed on my iPad mini.

[Blackholyman]

Or my phone sorry

[joedf]

Ahhh ha!!! Not using the mobile theme are you? Naw that's fine.
iDevices do not completely support CSS3.
It should be "fixed" now.
Yes? :0

[TAC109]

Fixed now for me. Thanks

[jNizM]

same length for quote-boxes?

[joedf]

@jNizM Right, Updated style="width:100%"