fix: Changing the drag icon in list settings

This commit is contained in:
Shariq Ansari 2021-10-05 17:03:17 +05:30
parent d333b00904
commit dca6dd2750
3 changed files with 8 additions and 4 deletions

View file

@ -114,14 +114,14 @@ export default class ListSettings {
<div class="row">
<div class="col-md-1">
<i class="fa fa-bars text-muted sortable-handle ${show_sortable_handle}" aria-hidden="true"></i>
${frappe.utils.icon("drag", "xs", "", "sortable-handle " + show_sortable_handle)}
</div>
<div class="col-md-10" style="padding-left:0px;">
${me.fields[idx].label}
</div>
<div class="col-md-1 ${can_remove}">
<a class="text-muted remove-field" data-fieldname="${me.fields[idx].fieldname}">
<i class="fa fa-trash-o" aria-hidden="true"></i>
${frappe.utils.icon("delete", "xs")}
</a>
</div>
</div>

View file

@ -1123,7 +1123,7 @@ Object.assign(frappe.utils, {
}
},
icon(icon_name, size="sm", icon_class="") {
icon(icon_name, size="sm", icon_class="", svg_class="") {
let size_class = "";
let icon_style = "";
if (typeof size == "object") {
@ -1131,7 +1131,7 @@ Object.assign(frappe.utils, {
} else {
size_class = `icon-${size}`;
}
return `<svg class="icon ${size_class}" style="${icon_style}">
return `<svg class="icon ${svg_class} ${size_class}" style="${icon_style}">
<use class="${icon_class}" href="#icon-${icon_name}"></use>
</svg>`;
},

View file

@ -228,6 +228,10 @@ input.list-check-all, input.list-row-checkbox {
z-index: 500;
top: 0;
}
.sortable-handle {
cursor: -webkit-grabbing;
}
}
.list-items {