fix: ux issues

lms/public/css/style.css

@@ -1630,3 +1630,34 @@ li {
     top: 0;
     right: -30px;
 }
+
+.tool-tip {
+    position: relative;
+    display: inline-block;
+}
+
+.tool-tip .tooltiptext {
+    visibility: hidden;
+    width: 30rem;
+    background-color: var(--gray-800);
+    color: var(--fg-color);
+    padding: 1rem;
+    border-radius: var(--border-radius-md);
+    position: absolute;
+    z-index: 1;
+    opacity: 0;
+    transition: opacity 0.3s;
+}
+
+.tool-tip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+}
+
+.tooltiptext ul {
+    padding: 1rem;
+}
+
+.help-article {
+    font-size: var(--text-base);
+}

lms/public/js/common_functions.js

@@ -133,6 +133,7 @@ const scroll_to_chapter_container = () => {
 const save_chapter = (e) => {
     let target = $(e.currentTarget);
     let parent = target.closest(".chapter-parent");
+
     frappe.call({
         method: "lms.lms.doctype.lms_course.lms_course.save_chapter",
         args: {
@@ -143,7 +144,13 @@ const save_chapter = (e) => {
             "chapter": target.data("chapter") ? target.data("chapter") : ""
         },
         callback: (data) => {
-            window.location.reload();
+            frappe.show_alert({
+                message: __("Saved"),
+                indicator: "green",
+            });
+            setTimeout(() => {
+                window.location.reload();
+            }, 1000)
         }
     });
 };