search

edwardtufte / tufte-css

Style your webpage like Edward Tufte’s handouts.
https://edwardtufte.github.io/tufte-css/
MIT License
5.99k stars 459 forks source link

Sidenote for epigraphs or blockquotes formatting gone wrong #92

Closed statzhero closed 8 years ago

statzhero commented 8 years ago

When I include the sidenode label within a blockquote, footer or epigraph the styling seems to go wrong, ie the placement is more to the left than a normal sidenote. Can someone confirm that or am I missing something? I have a live example if that would help.

crmackay commented 8 years ago

can you provide an example (code, screen grab, live example...or any combination thereof)

statzhero commented 8 years ago

First, let me say you're doing great work and I appreciate the hard efforts.

The example is in sidenote 1: https://statshero.github.io/generalism-essay (please ignore content haha)

crmackay commented 8 years ago

So this seems to be a result of the <blockquote> elements having a smaller width than <p> elements. A CSS selector could be used to selectively bump out sidenotes in blockquotes..I don't have time to do that right now, so someone else is free to jump on this if so inclined.

Edit: and also left align them...

statzhero commented 8 years ago

The only thing I can tell is that 114 blockquote footer :not(.sidenote) does not seem to work. Then again, I don't know how CSS works.

crmackay commented 8 years ago

i was thinking something more like

blockquote .sidenote {
    margin-right: -73%;
    text-align: left;
}