Code tags vs Readmore

[chacham]

There are a couple things i wonder about, from time to time, about the code tag. One, the width makes a lot of code wrap when on my screen there is no need. Two, code can get longer and i wish it were a readmore tag instead.

The code tag seems to wrap at 70 characters, is that to support terminals? Perhaps that could be an option, so those with wider screens have the option of seeing it unwrapped.

The readmore tag is intended to keep a post from being too long. Yet, though a code tag pretties it up, it does not shorten it. Leaving it long certainly allows for quicker reading on the page, though it hinders getting to the start of the next post.

Just some thoughts.

[parv]

Feel free to adjust for yourself ...

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

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

My personal setup is in perlmonks-dark.css.

[chacham]

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.

[chacham]

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!

[mr_mischief]

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
+; }

[chacham]

Would you explain where to use that?

[LanX]

display settings again! :)

-> On site CSS markup

[LanX]

see New code wrap options

Couldn't test parv's CSS yet, but if it works reliably this would be worth an extra option in display settings. :)

[chacham]

Thanx!

I thought i remembered all the settings from when i tweaked them the first time. Silly me, Code Wrapping Off, Code Wrap Length, and Show download link on code N lines long or more, are all there with other options.

[MidLifeXis]

You can use both of them in tandem:

Read more... (309 Bytes)

[chacham]

Duh!

But, what if i want to show the first few lines of code and then readmore? I wish everybody would do that to remove a lot of the clutter.

[Anonymous Monk]

Do the scrolling css deal, limit the height :)

[Anonymous Monk]

PerlMonks FAQ :) go fish for User Settings docs and ... Re: themes for Anonymous Monk or try out themes without changing display settings

[chacham]

If it's there, i don't see it.

[Anonymous Monk]

If it's there, i don't see it.

Hmm, for posterity I guess :)

PerlMonks FAQ
-> ?node_id=3989;a=SiteDocClan;nf=0;BIT=wrap;submit=Search -> Help for Display Settings
-> ?node_id=3989;a=SiteDocClan;nf=0;BIT=readmore;submit=Search

Found 10 nodes roughly between 1999-10-04 and 2014-05-23 (searched 100.00% of DB).





where any text contains "readmore"
written by any of SiteDocClan

2000-06-11	SiteDocClan	Writeup Formatting Tips	Help
2000-08-25	SiteDocClan	How do I moderate?	Help
2001-07-01	SiteDocClan	What is consideration?	Help
2003-04-23	SiteDocClan	What nodes should/should not be FrontPaged?	Help
2004-01-25	SiteDocClan	Janitors' Guidelines	Help
2004-02-05	SiteDocClan	How do I use the power of consideration responsibly?	Help
2004-03-11	SiteDocClan	Como eu altero minhas preferências?	Help
2005-07-25	SiteDocClan	Janitor Signatures	Help
2008-03-17	SiteDocClan	Markup in the Monastery	Help
2009-08-07	SiteDocClan	Help for Display Settings	Help


-> ?node_id=3989;a=SiteDocClan;nf=0;BIT=css;submit=Search -> Customizing PerlMonks CSS

That is most of whats there to know, the other link was client side javascript for unwrapping code tags whose parent parent is themes for Anonymous Monk or try out themes without changing display settings

The rest is css/html :)