Text width when using several ">" for vertical bars...

8 views
Skip to first unread message

JBE

unread,
Oct 19, 2006, 3:47:32 AM10/19/06
to TiddlyWiki
Hi,

I'm using one or several ">" characters at the beginning of lines in
order to display the vertical bar(s) which I use to represent
indentation (very handy for writing algorithms, with loops, if
statements, etc.)

My problem is that when I use many (say 9) ">" in the same line, for
instance :

>>>>>>> if (condition)
>>>>>>>> Statement

The text gets sqweezed to the middle of the page, no more reaching the
right margin which causes each line to be only one word long, and
leaving lots of unused space on the right hand side.

Anyone knows how to modifiy that, or at least where to look in the
code?

Thanks,

-Jerome

Clint Checketts

unread,
Oct 19, 2006, 7:30:57 AM10/19/06
to Tiddl...@googlegroups.com
That's an interesting bug. It must have some inherit margins. I'll submit a fix to Jeremy.

For you to solve this open a tiddler named 'StyleSheet' and insert this CSS rule:

blockquote{margin: 0;}


Done!

-Clint

Eric Shulman

unread,
Oct 19, 2006, 8:12:44 AM10/19/06
to TiddlyWiki
> That's an interesting bug. It must have some inherit margins. I'll submit a
> fix to Jeremy.

I don't think it's a "bug"...

A blockquote indents BOTH the left and right margin. The left margin
indent is obvious (as it usually has a vertical line border on the
left), but the right margin indent is not always noticed (especially if
the text is left justified, producing a "ragged right" edge to the
content).

Each successive blockquote adds more indent to both left and right
margins (as it supposed to), making the right margin more and more
noticeable.

> blockquote{margin: 0;}

While this corrects the right-margin problem, it also eliminates the
left-margin indenting that makes the blockquote useful for showing code
(as intended in the reported use-case). Try this instead:

blockquote { margin-right:0; }

HTH,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

JBE

unread,
Oct 19, 2006, 8:15:18 AM10/19/06
to TiddlyWiki
It works !

Thanks a lot,

-Jerome

Jeremy Ruston

unread,
Oct 19, 2006, 9:37:35 AM10/19/06
to Tiddl...@googlegroups.com
OK, I just made a ticket for this issue:

http://trac.tiddlywiki.org/tiddlywiki/ticket/207

But on trying out the two variations, it strikes me that the current
behaviour is actually more typographically correct, at least when
blockquotes are used for their intended purpose. So I propose to close
the ticket as "won't fix", what do you reckon?

Cheers

Jeremy

On 10/19/06, JBE <jbr...@hotmail.com> wrote:
>


--
Jeremy Ruston
mailto:jer...@osmosoft.com
http://www.tiddlywiki.com

Clint Checketts

unread,
Oct 19, 2006, 11:42:33 AM10/19/06
to TiddlyWiki
Jeremy Ruston wrote:
> But on trying out the two variations, it strikes me that the current
> behaviour is actually more typographically correct, at least when
> blockquotes are used for their intended purpose. So I propose to close
> the ticket as "won't fix", what do you reckon?

You are correct. We're 'fixing' block quotes to do what they aren't
intended to do. The StyleSheetLayout is miss leading though:

.viewer blockquote {
line-height: 1.5em;
padding-left: 0.8em;
margin-left: 2.5em;
}

It implies that the margin and padding will only appear on the left
side. Its compounded by the fact that the blockquote only has a border
showing the indent on the left side of the element (similar to Gmail's
email quoting)

I think Eric's solution makes sense too though (margin-right: 0) since
that removes the surprise in the situation.

The second solution would be to duplicate the quote border around the
entire blockquote.

-Clint

Reply all
Reply to author
Forward
0 new messages