@brillout/docpress 0.9.1 → 0.9.3

package/Layout.tsx

@@ -89,7 +89,7 @@ function LayoutDocsPage({ children }: { children: React.ReactNode }) {
       <style>{getStyle()}</style>
       <div style={{ display: 'flex', ...whitespaceBuster2 }}>
         <NavLeft />
-        <div className="low-prio-grow" style={{ width: 0, maxWidth: 50, background: 'var(--bg-color)' }} />
+        <div id='nav-left-margin' className="low-prio-grow" style={{ width: 0, maxWidth: 50, background: 'var(--bg-color)' }} />
         <PageContent>{children}</PageContent>
       </div>
     </>
@@ -105,7 +105,7 @@ function LayoutDocsPage({ children }: { children: React.ReactNode }) {
   }
 }`
     let navLeftHide = css`
-#nav-left {
+#nav-left, #nav-left-margin {
   display: none;
 }
 .page-wrapper {

package/MenuModal.tsx

@@ -40,6 +40,8 @@ function MenuModal({ isTopNav }: { isTopNav: boolean }) {
           background: '#ededef',
           transitionProperty: 'opacity',
           // https://github.com/brillout/docpress/issues/23
+          // https://stackoverflow.com/questions/64514118/css-overscroll-behavior-contain-when-target-element-doesnt-overflow
+          // https://stackoverflow.com/questions/9538868/prevent-body-from-scrolling-when-a-modal-is-opened
           overscrollBehavior: 'none',
         }}
         onMouseOver={openMenuModal}

package/css/link.css

@@ -1,9 +1,6 @@
 a {
   text-decoration: none;
 }
-a[href]:not(.nav-item) {
+.doc-page a[href]:not(.nav-item) {
   color: #4747ff;
 }
-a > button {
-  color: var(--color-text);
-}

package/dist/Layout.js

@@ -89,11 +89,11 @@ function LayoutDocsPage(_a) {
         React.createElement("style", null, getStyle()),
         React.createElement("div", { style: __assign({ display: 'flex' }, whitespaceBuster2) },
             React.createElement(NavLeft, null),
-            React.createElement("div", { className: "low-prio-grow", style: { width: 0, maxWidth: 50, background: 'var(--bg-color)' } }),
+            React.createElement("div", { id: 'nav-left-margin', className: "low-prio-grow", style: { width: 0, maxWidth: 50, background: 'var(--bg-color)' } }),
             React.createElement(PageContent, null, children))));
     function getStyle() {
         var style = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n@container container-viewport (min-width: ", "px) {\n  .low-prio-grow {\n    flex-grow: 1;\n  }\n  #navigation-container {\n    width: ", "px !important;\n  }\n}"], ["\n@container container-viewport (min-width: ", "px) {\n  .low-prio-grow {\n    flex-grow: 1;\n  }\n  #navigation-container {\n    width: ", "px !important;\n  }\n}"])), containerQueryExtraSpace, navLeftWidthMax);
-        var navLeftHide = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n#nav-left {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"], ["\n#nav-left {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"])));
+        var navLeftHide = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n#nav-left, #nav-left-margin {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"], ["\n#nav-left, #nav-left-margin {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"])));
         if (!hideNavLeftAlways) {
             navLeftHide = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n@container container-viewport (max-width: ", "px) {\n  ", "\n}\n@container container-viewport (min-width: ", "px) {\n  .nav-head-top {\n    display: none !important;\n  }\n}\n"], ["\n@container container-viewport (max-width: ", "px) {\n  ", "\n}\n@container container-viewport (min-width: ", "px) {\n  .nav-head-top {\n    display: none !important;\n  }\n}\n"])), containerQueryMobileLayout - 1, navLeftHide, containerQueryMobileLayout);
         }

package/dist/MenuModal.js

@@ -38,6 +38,8 @@ function MenuModal(_a) {
                 background: '#ededef',
                 transitionProperty: 'opacity',
                 // https://github.com/brillout/docpress/issues/23
+                // https://stackoverflow.com/questions/64514118/css-overscroll-behavior-contain-when-target-element-doesnt-overflow
+                // https://stackoverflow.com/questions/9538868/prevent-body-from-scrolling-when-a-modal-is-opened
                 overscrollBehavior: 'none',
             }, onMouseOver: openMenuModal, onMouseLeave: closeMenuModal },
             React.createElement("div", { style: {

package/index.ts

@@ -7,6 +7,7 @@ export {
   ImportMeta,
   Emoji,
 } from './components'
+export { usePageContext } from './renderer/usePageContext'
 export * from './components/Note'
 export { assert } from './utils/assert'
 export type { Config } from './types/Config'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "type": "module",
   "dependencies": {
     "@brillout/picocolors": "^1.0.10",