When browsing the forum on my phone, spaces are added between every letter on text inside CODE tags. It makes it very difficult to read. It behaved properly (aside from not being able to scroll) before the recent theme change.
When browsing the forum on my phone, spaces are added between every letter on text inside CODE tags. It makes it very difficult to read. It behaved properly (aside from not being able to scroll) before the recent theme change.
None but ourselves can free our minds
'Code', in the new Ubu Forum threads, is a jumbled mess -- even on a desktop box!
Actually, 'code' looks fine, when previewing it in the editor, but...
The 'code' wraps to the next line (no horizontal scrolling) when submitted/viewed in the threads.
Here's a sample of how 'code' looks in the threads (improperly formatted, e.g text wrapping)...
The 'code' sample (above) is virtually unreadable (on Chrome/Chromium) once it's submitted!Code:################################## ## RHYTHMBOX 2 (Experimental) ## ################################## ${if_running rhythmbox} ${voffset -13}${font DroidSans:bold:size=8}${color4}RHYTHMBOX${offset 8}${color6}${voffset -2}${hr 1}${font} ${voffset 4}${font DroidSans:size=8.25}${color3}${if_match "${execpi 2 expr length "`qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""`"}" >= "48"}${alignr 15}${scroll 38 4* ${execi 2 qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""}}${font}${else}${alignc}${execi 2 qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""}${font}${endif}${endif}
I can only imagine how it looks on a phone.
Compare it to the post preview (properly formatted, e.g. no wrapping)...
Wrapping the 'code' in the threads (no horizontal scrolling) makes it practically unusable...
Last edited by VinDSL; April 12th, 2013 at 09:35 PM. Reason: Clarification
Intel ® P4 Extreme Edition 3.4 (Gallatin) || DFI ® LanParty PRO875B rev B1
Crucial ® Ballistix Tracer PC4000 1GB || Mountain Mods U2-UFO Opti-1203
XFX 7600GT 560M AGP (PV-T73A-UDF3) || Corsair HX520W Modular PSU
Test...
* All 3 tags wrap the code!
Code Tags
PHP TagsCode:################################## ## RHYTHMBOX 2 (Experimental) ## ################################## ${if_running rhythmbox} ${voffset -13}${font DroidSans:bold:size=8}${color4}RHYTHMBOX${offset 8}${color6}${voffset -2}${hr 1}${font} ${voffset 4}${font DroidSans:size=8.25}${color3}${if_match "${execpi 2 expr length "`qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""`"}" >= "48"}${alignr 15}${scroll 38 4* ${execi 2 qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""}}${font}${else}${alignc}${execi 2 qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""}${font}${endif}${endif}
HTML TagsPHP Code:
##################################
## RHYTHMBOX 2 (Experimental) ##
##################################
${if_running rhythmbox}
${voffset -13}${font DroidSans:bold:size=8}${color4}RHYTHMBOX${offset 8}${color6}${voffset -2}${hr 1}${font}
${voffset 4}${font DroidSans:size=8.25}${color3}${if_match "${execpi 2 expr length "`qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""`"}" >= "48"}${alignr 15}${scroll 38 4* ${execi 2 qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""}}${font}${else}${alignc}${execi 2 qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""}${font}${endif}${endif}
HTML Code:################################## ## RHYTHMBOX 2 (Experimental) ## ################################## ${if_running rhythmbox} ${voffset -13}${font DroidSans:bold:size=8}${color4}RHYTHMBOX${offset 8}${color6}${voffset -2}${hr 1}${font} ${voffset 4}${font DroidSans:size=8.25}${color3}${if_match "${execpi 2 expr length "`qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""`"}" >= "48"}${alignr 15}${scroll 38 4* ${execi 2 qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""}}${font}${else}${alignc}${execi 2 qdbus org.mpris.MediaPlayer2.rhythmbox /\org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.Metadata | grep title | cut -c 14-""}${font}${endif}${endif}
Intel ® P4 Extreme Edition 3.4 (Gallatin) || DFI ® LanParty PRO875B rev B1
Crucial ® Ballistix Tracer PC4000 1GB || Mountain Mods U2-UFO Opti-1203
XFX 7600GT 560M AGP (PV-T73A-UDF3) || Corsair HX520W Modular PSU
Vin - firefox is fine, google-chrome/chromium 'mess' up the code boxes with long lines
The only one that wraps is the php code.. at least for me. FF 19.0.2 on Win7.
Come to #ubuntuforums! We have cookies! | Basic Ubuntu Security Guide
Tomorrow's an illusion and yesterday's a dream, today is a solution...
Yes, mc4man pointed this out in the +1 Forum.
I have four browsers installed in this box:
- Chromium Canary (Chrome dev-trunk)
- Chromium Stable
- Opera-Next
- Firefox
Chromium et al. is the only browser having this display problem, but...
It only happens when viewing the resultant post, not when previewing the post in the editor.
If we were to lay blame entirely on buggy browser rendering, wouldn't it happen in both instances?
I'm *thinking* this is a bug in the new Ubu Forum theme. Why?
If you go to the bottom of this page, and choose "Ubuntu Mobile Style", the 'code' displays correctly.
Okay, I think I figured it out.
All I had to do is go into the .bbcode container (pre.bbcode_code element) and add normal word-wrap.
The .bbcode container is probably inheriting auto word-wrap from some other element, e.g. it's nested.
Here's how it looks with normal word-wrap (mouse pointer shows where I added it)...
Last edited by VinDSL; April 12th, 2013 at 02:17 AM. Reason: Addendum
Intel ® P4 Extreme Edition 3.4 (Gallatin) || DFI ® LanParty PRO875B rev B1
Crucial ® Ballistix Tracer PC4000 1GB || Mountain Mods U2-UFO Opti-1203
XFX 7600GT 560M AGP (PV-T73A-UDF3) || Corsair HX520W Modular PSU
I drilled down a little more...
Evidently, the stylesheet responsible for this element, in the new theme, is 'additional.css'.
I judge, all you would have to do is add 'word-wrap:normal' into that stylesheet, and life would be good again.
additional.css (original)Code:<SNIP> .bbcode_container div.bbcode_code,.bbcode_container pre.bbcode_code{background-color:#EFEFEF;font-size:14px;overflow:auto} <SNIP>additional.css (patched)webpath: http://ubuntuforums.org/clientscript...additional.cssCode:<SNIP> .bbcode_container div.bbcode_code,.bbcode_container pre.bbcode_code{background-color:#EFEFEF;font-size:14px;overflow:auto;word-wrap:normal} <SNIP>
BTW, is the staging forum still available?
I'd be glad to go over there and test the hack...
EDIT
~cool
Staging forum is still there...
I tested the [CODE]whatever[/CODE] tags in all of the standard themes, and Chromium didn't display properly with any of them -- even the default VB 4 theme. However, the patch worked on all of the themes that I tested it against.
Hrm...
Maybe I should be complaining about this upsteam, on the VB web site. LoL!
I wonder if they're aware they have a Chromium/Chrome problem...
Last edited by VinDSL; April 12th, 2013 at 11:40 PM. Reason: Addendum
Intel ® P4 Extreme Edition 3.4 (Gallatin) || DFI ® LanParty PRO875B rev B1
Crucial ® Ballistix Tracer PC4000 1GB || Mountain Mods U2-UFO Opti-1203
XFX 7600GT 560M AGP (PV-T73A-UDF3) || Corsair HX520W Modular PSU
Intel ® P4 Extreme Edition 3.4 (Gallatin) || DFI ® LanParty PRO875B rev B1
Crucial ® Ballistix Tracer PC4000 1GB || Mountain Mods U2-UFO Opti-1203
XFX 7600GT 560M AGP (PV-T73A-UDF3) || Corsair HX520W Modular PSU
Bookmarks