Add the class "mathbook-content" to #content about pretext

[rbeezer]

Ok, this seems to all be fine for the standard HTML output.

For Sage notebooks, there is a ton of extra CSS that gets thrown onto the page and when the first Sage cell appears, the mathbook-content div gets truncated and then the rest of the worksheet is no longer under its control, mostly as evidenced by the max-width no longer being in effect.

Two screenshots attached, which might help some. Let me know the beast way to help debug this, I can send you the Sage notebook files, which you could upload into Sagenb.org to inspect?

[rbeezer]

Ooops, those screenshots did not work out very well.

[mxdubois]

Hmm. Is it possible to put the "mathbook-content" class on an element
higher up in the DOM tree?

As I have it now, the max-width:600px property is actually not included
in mathbook-content.css. I figured that was an implementation detail of
our standard mathbook layout. From the screenshot there, it looks like you
still have mathbook-modern-2.css loaded on the page. The screenshot is a
sage notebook, right?

Is it not possible to link me to an affected sage notebook? If not, you can
send me the files and I'll try to figure out sagenb.org. Maybe send me an
old one that works too, for comparison?

On Tue, Aug 5, 2014 at 10:47 AM, Rob Beezer [email protected]
wrote:

Ooops, those screenshots did not work out very well.

—
Reply to this email directly or view it on GitHub
#9 (comment).

[rbeezer]

OK, I misunderstood, your "not" about loading mathbook-content.css so do not pay any attention to this until I can try again. (which will not be immediately.)

Could have the same problem, and I just thought about perhaps putting the style on a higher element (there's a "user-page-worksheet" div, or something like that). So I may give that I try and then we can look into sharing a worksheet on sagenb.org.

[rbeezer]

Now loading the right css file. Still becomes ineffective at first Sage cell.

Make an account at test.sagenb.org and send me your user name. I will share a worksheet with you, Chapter 5 of Judson's book. About 80% of the way down is where the first Sage code lives and you will see everything revert to the default SageNB look. Click on the "Edit" button in upper right (not "Text") to see the file that is "original" content, rest is due to machinations by the web application.

Yes, the triple braces delimit Sage cells.

I cannot see how I am able to place the mathbook-content class higher up, I do not have access to what the notebook is doing. I think.

Rob

[rbeezer]

The "un-prefixed" mathbook-content.css did the job on this.

I'm just writing out a bit of style information (for the Sage notebook div's #user-worksheet-page and #worksheet) to mimic the sort of page widths we are using on straight HTML.

I expect this strategy will work for similar web apps (iPython, Sage Math Cloud).