search

chuckhoupt / jekyll-apple-help

Easily create Apple Help-Books for your Mac OS X app using this Jekyll template and build system.
MIT License
188 stars 17 forks source link

Resizing help window causes body text to jump and sidebar to disappear #13

Open dbrisinda opened 7 years ago

dbrisinda commented 7 years ago

Thanks for the great work on this.

I noticed a couple problems which I'm sure a CSS wizard could spot and fix in no time:

  1. The show sidebar toolbar button doesn't toggle the visibility of the sidebar (unless the window becomes narrower than a certain threshold, but then see problem #2 below).

  2. When resizing the window with some help topic selected, it appears centred until the window shrinks to below a certain width, then it looks like it's left margin becomes 0, and is partly hidden behind the sidebar. Toggling the show sidebar toolbar so it's not visible temporarily corrects things.

It seems it has something to do with hard-coding of the 210px left margins in the _apple-theme.scss file. But I don't have enough CSS/SCSS savvy to figure out to how to make the body text flow with the sidebar whether it's visible or not.

If these two issues could be corrected, this project could suddenly become a one-stop-shop for those that need a basic Apple-themed help book, but don't have any CSS skills.

What are the chances of getting a CSS wizard to have a quick look and correct this?