diff options
Diffstat (limited to 'layouts/partials/drawer/drawer.html')
| -rw-r--r-- | layouts/partials/drawer/drawer.html | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/layouts/partials/drawer/drawer.html b/layouts/partials/drawer/drawer.html index 02afb23..f4761ed 100644 --- a/layouts/partials/drawer/drawer.html +++ b/layouts/partials/drawer/drawer.html @@ -1,4 +1,4 @@ -<div id="myDrawer" class="drawer"> +<div id="myDrawer" class="drawer" style="{{ if eq ($.Param "languagedir") "rtl" }}right: -100%{{ end }}"> <div class="drawer__header"> <div class="drawer__header--text"> {{ .Site.Params.logoText }} @@ -13,17 +13,26 @@ {{ partial "main/sections/list-menu.html" . }} </div> </div> -<div id="myModal" class="modal"></div> +<div id="myModal" class="modal" style="{{ if eq ($.Param "languagedir") "rtl" }}opacity: 0; right: -100%{{ end }}"></div> <script> var isDrawerOpen = localStorage.getItem('isDrawerOpen'); var modal = document.getElementById("myModal"); var drawer = document.getElementById('myDrawer'); + + {{ $languagedir := ($.Param "languagedir" | default "ltr") }} + var languagedir = JSON.parse({{ $languagedir | jsonify }}); var openDrawer = function () { - modal.style.left = 0; modal.style.opacity = 1; - drawer.style.left = 0; + + if (languagedir === "rtl") { + modal.style.right = 0; + drawer.style.right = 0; + } else { + modal.style.left = 0; + drawer.style.left = 0; + } } if (isDrawerOpen && isDrawerOpen === 'true') { |