chore: improve doc site so linking to end sections works as expected

Add extra space at the end of the documentation pages so, in the case of smaller end sections, the view is scrolled directly to them.
salesforce · Apr 5, 2024 · 21c0d90 · 21c0d90
1 parent e962f82
commit 21c0d90
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/docs/_index.html b/docs/_index.html
@@ -11,6 +11,10 @@
 
             /* Overwrite styles */
 
+            #main {
+                margin-bottom: 80vh;
+            }
+
             #main h1 {
                 font-size: 3em
             }

diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><meta charset="utf-8"><title>Best - Docs</title><meta http-equiv="x-ua-compatible"content="ie=edge"><meta name="viewport"content="width=device-width"><link rel="stylesheet"href="_assets/styles.css"><link rel="icon"href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22><text y=%2230%22 font-size=%2230%22>📚</text></svg>"><style>#main h1{font-size:3em}.content{align-items:center}.content{bottom:auto}.markdown-section{flex:1 1 0;max-width:800px;padding:0 15px 100px}.nav{width:var(--toc-width,250px);align-self:flex-start;flex:0 0 auto}.page_toc{overflow-y:auto;height:90%;padding:0 15px 0 5px}.page_toc ul a:hover{border-bottom:none!important;text-decoration:none!important}.page_toc li{padding-left:5px}.sidebar{background:#fafafa;overflow-y:scroll}.sidebar .sidebar-nav{padding:0 0 40px 15px}.sidebar-nav li{cursor:pointer}.app-name-link img{margin:20px 5px 20px;width:30%}.app-sub-sidebar li:before{content:"•"}.edit-page-button{display:inline-block;float:right;margin:10px 0}@media only screen and (max-width:1300px){.edit-page-button{float:none}}</style><div id="app"></div><script>(()=>{const e="https://github.com/salesforce/best";window.$docsify={alias:{"/.*/_sidebar.md":"/_sidebar.md"},auto2top:!0,loadSidebar:!0,logo:"_assets/logo.svg",name:"Best - Documentation",relativePath:!0,repo:e,search:{hideOtherSidebarContent:!0,placeholder:"Search documentation",maxAge:864e5,namespace:"best",noData:"No Results. :("},subMaxLevel:1,toc:{headings:"h2, h3",scope:".markdown-section",title:"Table of Contents"},plugins:[(a,t)=>{a.beforeEach((a=>`${(a=>`\n<div class="edit-page-button">\n    📝 <a href="${e}/edit/main/docs/${a.route.file} "target="_blank" rel="noopener">Edit this page</a>\n</div>`)(t)}\n\n${a}`)),a.afterEach((function(e,a){a(e.replace(/<img/gi,'<img loading="lazy" decoding="async"').replace(/<iframe/gi,'<iframe loading="lazy"'))}))}]}})()</script><script src="_assets/scripts.js"></script>
+<!doctype html><html lang="en"><meta charset="utf-8"><title>Best - Docs</title><meta http-equiv="x-ua-compatible"content="ie=edge"><meta name="viewport"content="width=device-width"><link rel="stylesheet"href="_assets/styles.css"><link rel="icon"href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22><text y=%2230%22 font-size=%2230%22>📚</text></svg>"><style>#main{margin-bottom:80vh}#main h1{font-size:3em}.content{align-items:center}.content{bottom:auto}.markdown-section{flex:1 1 0;max-width:800px;padding:0 15px 100px}.nav{width:var(--toc-width,250px);align-self:flex-start;flex:0 0 auto}.page_toc{overflow-y:auto;height:90%;padding:0 15px 0 5px}.page_toc ul a:hover{border-bottom:none!important;text-decoration:none!important}.page_toc li{padding-left:5px}.sidebar{background:#fafafa;overflow-y:scroll}.sidebar .sidebar-nav{padding:0 0 40px 15px}.sidebar-nav li{cursor:pointer}.app-name-link img{margin:20px 5px 20px;width:30%}.app-sub-sidebar li:before{content:"•"}.edit-page-button{display:inline-block;float:right;margin:10px 0}@media only screen and (max-width:1300px){.edit-page-button{float:none}}</style><div id="app"></div><script>(()=>{const e="https://github.com/salesforce/best";window.$docsify={alias:{"/.*/_sidebar.md":"/_sidebar.md"},auto2top:!0,loadSidebar:!0,logo:"_assets/logo.svg",name:"Best - Documentation",relativePath:!0,repo:e,search:{hideOtherSidebarContent:!0,placeholder:"Search documentation",maxAge:864e5,namespace:"best",noData:"No Results. :("},subMaxLevel:1,toc:{headings:"h2, h3",scope:".markdown-section",title:"Table of Contents"},plugins:[(a,t)=>{a.beforeEach((a=>`${(a=>`\n<div class="edit-page-button">\n    📝 <a href="${e}/edit/main/docs/${a.route.file} "target="_blank" rel="noopener">Edit this page</a>\n</div>`)(t)}\n\n${a}`)),a.afterEach((function(e,a){a(e.replace(/<img/gi,'<img loading="lazy" decoding="async"').replace(/<iframe/gi,'<iframe loading="lazy"'))}))}]}})()</script><script src="_assets/scripts.js"></script>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><meta charset="utf-8"><title>Best - Docs</title><meta http-equiv="x-ua-compatible"content="ie=edge"><meta name="viewport"content="width=device-width"><link rel="stylesheet"href="_assets/styles.css"><link rel="icon"href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22><text y=%2230%22 font-size=%2230%22>📚</text></svg>"><style>#main h1{font-size:3em}.content{align-items:center}.content{bottom:auto}.markdown-section{flex:1 1 0;max-width:800px;padding:0 15px 100px}.nav{width:var(--toc-width,250px);align-self:flex-start;flex:0 0 auto}.page_toc{overflow-y:auto;height:90%;padding:0 15px 0 5px}.page_toc ul a:hover{border-bottom:none!important;text-decoration:none!important}.page_toc li{padding-left:5px}.sidebar{background:#fafafa;overflow-y:scroll}.sidebar .sidebar-nav{padding:0 0 40px 15px}.sidebar-nav li{cursor:pointer}.app-name-link img{margin:20px 5px 20px;width:30%}.app-sub-sidebar li:before{content:"•"}.edit-page-button{display:inline-block;float:right;margin:10px 0}@media only screen and (max-width:1300px){.edit-page-button{float:none}}</style><div id="app"></div><script>(()=>{const e="https://github.com/salesforce/best";window.$docsify={alias:{"/.*/_sidebar.md":"/_sidebar.md"},auto2top:!0,loadSidebar:!0,logo:"_assets/logo.svg",name:"Best - Documentation",relativePath:!0,repo:e,search:{hideOtherSidebarContent:!0,placeholder:"Search documentation",maxAge:864e5,namespace:"best",noData:"No Results. :("},subMaxLevel:1,toc:{headings:"h2, h3",scope:".markdown-section",title:"Table of Contents"},plugins:[(a,t)=>{a.beforeEach((a=>`${(a=>`\n<div class="edit-page-button">\n 📝 <a href="${e}/edit/main/docs/${a.route.file} "target="_blank" rel="noopener">Edit this page</a>\n</div>`)(t)}\n\n${a}`)),a.afterEach((function(e,a){a(e.replace(/<img/gi,'<img loading="lazy" decoding="async"').replace(/<iframe/gi,'<iframe loading="lazy"'))}))}]}})()</script><script src="_assets/scripts.js"></script>
		<!doctype html><html lang="en"><meta charset="utf-8"><title>Best - Docs</title><meta http-equiv="x-ua-compatible"content="ie=edge"><meta name="viewport"content="width=device-width"><link rel="stylesheet"href="_assets/styles.css"><link rel="icon"href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22><text y=%2230%22 font-size=%2230%22>📚</text></svg>"><style>#main{margin-bottom:80vh}#main h1{font-size:3em}.content{align-items:center}.content{bottom:auto}.markdown-section{flex:1 1 0;max-width:800px;padding:0 15px 100px}.nav{width:var(--toc-width,250px);align-self:flex-start;flex:0 0 auto}.page_toc{overflow-y:auto;height:90%;padding:0 15px 0 5px}.page_toc ul a:hover{border-bottom:none!important;text-decoration:none!important}.page_toc li{padding-left:5px}.sidebar{background:#fafafa;overflow-y:scroll}.sidebar .sidebar-nav{padding:0 0 40px 15px}.sidebar-nav li{cursor:pointer}.app-name-link img{margin:20px 5px 20px;width:30%}.app-sub-sidebar li:before{content:"•"}.edit-page-button{display:inline-block;float:right;margin:10px 0}@media only screen and (max-width:1300px){.edit-page-button{float:none}}</style><div id="app"></div><script>(()=>{const e="https://github.com/salesforce/best";window.$docsify={alias:{"/.*/_sidebar.md":"/_sidebar.md"},auto2top:!0,loadSidebar:!0,logo:"_assets/logo.svg",name:"Best - Documentation",relativePath:!0,repo:e,search:{hideOtherSidebarContent:!0,placeholder:"Search documentation",maxAge:864e5,namespace:"best",noData:"No Results. :("},subMaxLevel:1,toc:{headings:"h2, h3",scope:".markdown-section",title:"Table of Contents"},plugins:[(a,t)=>{a.beforeEach((a=>`${(a=>`\n<div class="edit-page-button">\n 📝 <a href="${e}/edit/main/docs/${a.route.file} "target="_blank" rel="noopener">Edit this page</a>\n</div>`)(t)}\n\n${a}`)),a.afterEach((function(e,a){a(e.replace(/<img/gi,'<img loading="lazy" decoding="async"').replace(/<iframe/gi,'<iframe loading="lazy"'))}))}]}})()</script><script src="_assets/scripts.js"></script>