Hey,
Scrollbars still do not work in code tags (works on mobile because the mobile site does not use any table tags, only div tags), but hopefully that will change when I convert the bits for post and threads to div tags or update to Bootstrap CSS for tables.
In the meantime, I have update the CSS for each:
BBCODE_QUOTE
<!--bbcode_quote_begin-->
<style>
.bbcode_quote{
margin:2px;
padding:15px;
border:1px solid;
margin-right:10px;
margin-bottom:10px;
margin-top:20px
overflow:auto;
padding:10px;
border-style:solid;
border-color: rgba(0, 0, 0, .2);
background-color: rgba(0, 255, 0, .05);
width=97%;
}
</style>
<div style="overflow:auto;">
<div class="smallfont" style="margin-bottom:8px;margin-left:4px;">$vbphrase:</div>
<div class="bbcode_quote">
<if condition="$show['username']">
<div style="margin-bottom:20px;">
<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
<if condition="$postid">
<a href="showthread.php?$session[sessionurl]p=$postid#post$postid"
rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0"
alt="$vbphrase[view_post]" /></a>
</if>
</div>
<div style="font-style:italic">$message</div>
<else />
$message
</if>
</div>
</div>
<!--bbcode_quote_end-->
BBCODE_CODE
<style>
pre {
margin:2px;
padding:15px;
border:1px solid;
margin-right:10px;
border-style:solid;
border-color: rgba(0, 0, 0, .2);
background-color: rgba(0, 255, 0, .05);
width=97%;
}
</style>
<div style="overflow:auto";>
<div class="smallfont" style="margin-bottom:5px;margin-left:3px;">$vbphrase:</div>
<pre >$code</pre><br />
</div>
Let me know if you want to try any other background colors, from our current green with a lot of opacity:
background-color: rgba(0, 255, 0, .05);