Re: Code tags vs Readmore

Feel free to adjust for yourself ...

  p.code , pre.code
  {
    overflow: auto;
    max-height: 55ex;
    max-width: 101ex;
  }
[download]

... to put too long, too wide of a code in a scrollable widget.

My personal setup is in perlmonks-dark.css.

Comment on Re: Code tags vs Readmore Download Code

Replies are listed 'Best First'.
Re^2: Code tags vs Readmore by chacham (Prior) on May 23, 2014 at 14:58 UTC
Nice! It makes it nice and tidy without hiding the code at all. That's be an interesting option, "Show Readmore as Scrollable Box". I tried the full script. It is more readable, but too dark and large for me. Well, too large in that it takes up so much space. If i decide to tweak settings at some point, i think your script would be an excellent starting point. Thank you for the script, and for showing the relevant part on its own.	[reply]
Re^2: Code tags vs Readmore by chacham (Prior) on May 23, 2014 at 14:50 UTC
Sheesh! I wonder how many times i skimmed over that. It just didn't click until this example and you pointed it out. Anyway, put it in, now to test it out. Thanx!	[reply]
Re^3: Code tags vs Readmore by mr_mischief (Monsignor) on May 27, 2014 at 18:11 UTC
There are multiple ways to adjust the CSS. I use the Dark theme as a base and my own on-site CSS regarding code is here.: `.codeblock { max-height: 37em; max-width: 72em; overflow: auto; margin +-bottom: 10px; border: 1px dotted white; border-left: none; padding: +15px; } pre { max-height: 42em; max-width: 75em; overflow: auto; padding: 5px +; }` [download]	[reply] [d/l]
Re^2: Code tags vs Readmore by chacham (Prior) on May 23, 2014 at 14:02 UTC
Would you explain where to use that?	[reply]
Re^3: Code tags vs Readmore by LanX (Saint) on May 23, 2014 at 14:32 UTC
display settings again! :) -> `On site CSS markup` Cheers Rolf ( addicted to the Perl Programming Language)	[reply] [d/l]