fix: fix scroll and collapse of sidebar menu groups

frappe · Sep 11, 2024 · e6e0bc3 · e6e0bc3
1 parent 5809998
commit e6e0bc3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 22 deletions.
diff --git a/wiki/public/js/render_wiki.js b/wiki/public/js/render_wiki.js
@@ -8,7 +8,7 @@ function setSortable() {
       pull: ["qux"],
     },
     swapThreshold: 0.7,
-    filter: ".disabled",
+    filter: ["draggable", "true"],
     onEnd: function (e) {
       frappe.utils.debounce(() => {
         frappe.call({
@@ -48,7 +48,7 @@ function toggleEditor() {
   $(".wiki-footer").toggleClass("hide");
   $(".page-toc").toggleClass("hide");
   $(".remove-sidebar-item").toggleClass("hide");
-  $(".sidebar-item, .sidebar-group").toggleClass("disabled");
+  $(".sidebar-item, .sidebar-group").attr("draggable", "true");
   $(".drop-icon").toggleClass("hide");
   $(".add-sidebar-page").toggleClass("hide");
   $(".add-sidebar-group, .sidebar-view-mode-btn").toggleClass("hide");
@@ -237,7 +237,7 @@ window.RenderWiki = class RenderWiki extends Wiki {
   }
 
   set_edit_mode() {
-    $(".sidebar-item, .sidebar-group").addClass("disabled");
+    // $(".sidebar-item, .sidebar-group").addClass("disxabled");
 
     $(".web-sidebar ul").each(setSortable);
 
@@ -264,7 +264,7 @@ window.RenderWiki = class RenderWiki extends Wiki {
 
         // switch to edit mode
         toggleEditor();
-        $("html").css({ overflow: "hidden" });
+        // $("html").css({ overflow: "auto" });
 
         if (!urlParams.get("editWiki")) set_search_params("editWiki", "1");
       }

diff --git a/wiki/public/scss/wiki.scss b/wiki/public/scss/wiki.scss
@@ -889,24 +889,6 @@ h6:hover .feather-link {
   }
 }
 
-.menu {
-  cursor: pointer;
-  font-size: 24px;
-
-  .dots {
-    display: flex;
-    justify-content: space-around;
-    width: 16px;
-
-    .dot {
-      background-color: #333;
-      border-radius: 50%;
-      width: 6px;
-      height: 6px;
-    }
-  }
-}
-
 .wiki-options:hover {
   background-color: var(--gray-200);
   border-radius: 5px;