drawer.html 806 B

1234567891011121314151617181920212223242526272829303132
  1. <div id="myDrawer" class="drawer">
  2. <div class="drawer__header">
  3. <div class="drawer__header--text">
  4. {{ .Site.Params.logoText }}
  5. </div>
  6. <div class="grow"></div>
  7. <div class="drawer__close">
  8. {{ partial "svgs/close.svg" (dict "width" 22 "height" 22) }}
  9. </div>
  10. </div>
  11. <div class="drawer__body">
  12. {{ partial "main/sections/list-menu.html" . }}
  13. </div>
  14. </div>
  15. <div id="myModal" class="modal"></div>
  16. <script>
  17. var isDrawerOpen = localStorage.getItem('isDrawerOpen');
  18. var modal = document.getElementById("myModal");
  19. var drawer = document.getElementById('myDrawer');
  20. var openDrawer = function () {
  21. modal.style.left = 0;
  22. modal.style.opacity = 1;
  23. drawer.style.left = 0;
  24. }
  25. if (isDrawerOpen && isDrawerOpen === 'true') {
  26. openDrawer();
  27. }
  28. </script>