feat: Add basic resizing of sidebar

DanielaValero · Mar 18, 2023 · 083f0ac · 083f0ac
1 parent 41e82c5
commit 083f0ac
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/notes/assets/css/extra.css b/notes/assets/css/extra.css
@@ -136,12 +136,12 @@ body {
 .resizable {
   position: relative;
   color: black;
-  /* top: 0px !important; */
+  top: 0px !important; 
 }
 
 .resizer-elem {
   width: 5px;
-  height: 100vh;
+  height: 80vh;
   background: var(--color-highlight--transparent);
   position: absolute;
   right: 0;

diff --git a/notes/assets/js/extra.js b/notes/assets/js/extra.js
@@ -2,7 +2,7 @@ const sidebar = document.querySelector('.md-sidebar--primary');
 sidebar.classList.add('js-resizable');
 
 const resizableElem = document.querySelector('.js-resizable');
-resizableElem.classList.toggle('.resizable')
+resizableElem.classList.toggle('resizable')
 
 
 const resizer = document.createElement('div');