admin/avrahamsociety
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dumb sidebar

Browse Source
This commit is contained in:
Lazy Hippopotamus
2023-06-15 10:21:13 -04:00
parent 73b265997e
commit 7f8c14ff6c
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
main.css
View File

@@ -62,7 +62,7 @@ h1 {
body { body {
display: grid; display: grid;
grid-template-columns: var(--sidebar-size) auto; grid-template-columns: auto;
transition: grid-template-columns 1s; transition: grid-template-columns 1s;
} }
@@ -121,8 +121,8 @@ h1 {
top: 0px; top: 0px;
left: 0px; left: 0px;
/*color: red;*/ /*color: red;*/
margin-left: var(--sidebar-size); /*margin-left: var(--sidebar-size);*/
width: calc(100vw - var(--sidebar-size)); width: calc(100vw); /*- var(--sidebar-size)*/
transition: margin-left 1s, width 1s; transition: margin-left 1s, width 1s;
/*width: 100vw;*/ /*width: 100vw;*/
background-color: white; background-color: white;
@@ -143,9 +143,13 @@ h1 {
background-color: pink; background-color: pink;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
position: relative; position: absolute;
overflow: visible !important; overflow: visible !important;
z-index: 1000000; z-index: 1000000;
width: var(--sidebar-size);
top: 0%;
transform: translateY(-50%);
min-height: 40vh;
} }
#sider { #sider {
@@ -153,7 +157,7 @@ h1 {
} }
body:not(.sidebar-opened) { body:not(.sidebar-opened) {
--sidebar-size: 0px; --sidebar-size: 0px !important;
} }
body:not(.sidebar-opened) > #sider-outer > #sider { body:not(.sidebar-opened) > #sider-outer > #sider {

2
main.js
View File

@@ -61,7 +61,7 @@ const scrollchecks = () => {
document.querySelector("#links").style.opacity = perc; document.querySelector("#links").style.opacity = perc;
document.querySelector("#hambugha + label").style.opacity = perc; document.querySelector("#hambugha + label").style.opacity = perc;
//document.querySelector("#carousel").style.opacity = perc; //document.querySelector("#carousel").style.opacity = perc;
document.querySelector("#sider > img").style.top = clamp(15, 100 * (document.querySelector("#headin > h1").getBoundingClientRect().top / window.innerHeight), 100) + "%"; //document.querySelector("#sider > img").style.top = clamp(15, 100 * (document.querySelector("#headin > h1").getBoundingClientRect().top / window.innerHeight), 100) + "%";
Array.from(document.getElementsByClassName("image-relational-scrolling")).forEach(element => { Array.from(document.getElementsByClassName("image-relational-scrolling")).forEach(element => {
let sel = getNearestChildIndexTo(element.children[1], window.innerHeight / 2); let sel = getNearestChildIndexTo(element.children[1], window.innerHeight / 2);
for (var i = 0; i < element.children[0].children.length; i++){ for (var i = 0; i < element.children[0].children.length; i++){