fix: Show dot-horizontal icon on smaller screen for Actions

resilient-tech · Dec 4, 2024 · 6c9b8b6 · 6c9b8b6
1 parent e1d6a6d
commit 6c9b8b6
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/...compliance/gst_india/doctype/purchase_reconciliation_tool/purchase_reconciliation_tool.js b/...compliance/gst_india/doctype/purchase_reconciliation_tool/purchase_reconciliation_tool.js
@@ -139,12 +139,17 @@ frappe.ui.form.on("Purchase Reconciliation Tool", {
             $(".custom-button-group .inner-group-button").remove();
 
             // to hide `Actions` text on small screens
-            $(button)
-                .find("button")
-                .html(
-                    `<span class="button-label hidden-xs">${action_group}</span>
-                    ${frappe.utils.icon("select")}`
-                );
+            const actions_btn_html = `
+            <div class="d-none d-sm-block">
+                <span class="button-label">${action_group}</span>
+                ${frappe.utils.icon("select")}
+            </div>
+            <div class="d-block d-sm-none">
+                ${frappe.utils.icon("dot-horizontal")}
+            </div>
+            `;
+
+            $(button).find("button").html(actions_btn_html);
 
             $(button).appendTo($(".custom-button-group"));
         }