minio/docs
1
0
Fork 0
mirror of https://github.com/minio/docs.git synced 2025-07-27 08:41:57 +03:00
Code Activity

CSS and JS fixups

Browse Source 
Trying a simplified layout + css + js
This commit is contained in:
ravindk89
2020-09-18 21:15:05 -04:00
parent 7a540e11e8
commit 833931246f
5 changed files with 288 additions and 1062 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
source/_static/js/main.js
View File

@ -18,15 +18,13 @@ window.addEventListener('DOMContentLoaded', (event) => {
// how to resolve that.
let options = {
root: document.querySelector('#scrollArea'),
root: document.querySelector('div.center'),
rootMargin: '-150px 0px -300px 0px'
}
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
const id = entry.target.getAttribute('id');
console.log("entry is " + id + " Ratio is " + entry.intersectionRatio)
console.log(entry.rootBounds)
if (id == document.querySelector('.section[id]').getAttribute('id'))
return 0
@ -60,6 +58,26 @@ window.addEventListener('DOMContentLoaded', (event) => {
observer.observe(section);
});
const leftcolumn = document.querySelector('.left');
const centercolumn = document.querySelector('.center');
const rightcolumn = document.querySelector('.right');
const button = document.querySelector('.sphinxsidebarbutton');
const sidebarwrapper = document.querySelector('.sphinxsidebarwrapper');
function expando() {
button.classList.toggle('collapsed');
leftcolumn.classList.toggle('collapsed');
centercolumn.classList.toggle('collapsed');
sidebarwrapper.classList.toggle('collapsed');
if (button.textContent == "[x] Collapse") {
button.textContent = "[x] Expand";
}
else {
button.textContent = "[x] Collapse";
}
}
button.addEventListener( "click", expando );
});