You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Wanted to create a spot to drop tidbits about creating new themes, either "official/baked in" or "user themes".
Special HTML classes
Header Navigation
The Header Navigation panel in the Preview pane generates it's table of contents by pulling \page numbers, but also factors in pages with the selectors .frontCover / .partCover / .backCover / .insideCover / .toc. It takes these pages and pulls some text from them, if available, to generate special listings in the Header Nav that look like this:
Specifically, if a page has one of those classes in it, it will pull the first H1 header text out as the label for that list item.
So new themes might benefit from keeping these class names handy in their snippets. Relevant file is headerNav.jsx
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Wanted to create a spot to drop tidbits about creating new themes, either "official/baked in" or "user themes".
Special HTML classes
Header Navigation
The Header Navigation panel in the Preview pane generates it's table of contents by pulling
\pagenumbers, but also factors in pages with the selectors.frontCover/.partCover/.backCover/.insideCover/.toc. It takes these pages and pulls some text from them, if available, to generate special listings in the Header Nav that look like this:Specifically, if a page has one of those classes in it, it will pull the first
H1header text out as the label for that list item.So new themes might benefit from keeping these class names handy in their snippets. Relevant file is
headerNav.jsxBeta Was this translation helpful? Give feedback.
All reactions