vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: update workspace icons for new designs

Browse source
This commit is contained in:
Maharshi Patel 2023-08-23 14:17:36 +05:30
parent 221c39dcde
commit f5f69dbeff
4 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frappe/public/js/frappe/views/workspace/blocks/block.js
View file

@ -112,7 +112,7 @@ export default class Block {
});
this.block_widget.customize(this.options);
this.wrapper.setAttribute(block_name, this.block_widget.label);
$(this.wrapper).find(".widget").addClass(`${widget_type} edit-mode`);
$(this.wrapper).find(".widget").addClass(`${widget_type}`);
this.new_block_widget = this.block_widget.get_config();
this.add_settings_button();
},

24
frappe/public/js/frappe/views/workspace/workspace.js
View file

@ -142,16 +142,16 @@ frappe.views.Workspace = class Workspace {
);
let $title = $(`<div class="standard-sidebar-label">
<span>${frappe.utils.icon("small-down", "xs")}</span>
<span>${frappe.utils.icon("es-line-down", "xs")}</span>
<span class="section-title">${__(title)}<span>
</div>`).appendTo(sidebar_section);
this.prepare_sidebar(root_pages, sidebar_section, this.sidebar);
$title.on("click", (e) => {
let icon =
$(e.target).find("span use").attr("href") === "#icon-small-down"
? "#icon-right"
: "#icon-small-down";
$(e.target).find("span use").attr("href") === "#es-line-down"
? "#es-line-right-chevron"
: "#es-line-down";
$(e.target).find("span use").attr("href", icon);
$(e.target).parent().find(".sidebar-item-container").toggleClass("hidden");
});
@ -210,7 +210,7 @@ frappe.views.Workspace = class Workspace {
}
add_drop_icon(item, sidebar_control, item_container) {
let drop_icon = "small-down";
let drop_icon = "es-line-down";
if (item_container.find(`[item-name="${this.current_page.name}"]`).length) {
drop_icon = "small-up";
}
@ -229,9 +229,9 @@ frappe.views.Workspace = class Workspace {
}
$drop_icon.on("click", () => {
let icon =
$drop_icon.find("use").attr("href") === "#icon-small-down"
? "#icon-small-up"
: "#icon-small-down";
$drop_icon.find("use").attr("href") === "#es-line-down"
? "#es-line-up"
: "#es-line-down";
$drop_icon.find("use").attr("href", icon);
$child_item_section.toggleClass("hidden");
});
@ -527,7 +527,7 @@ frappe.views.Workspace = class Workspace {
);
} else {
frappe.utils.add_custom_button(
frappe.utils.icon("drag", "xs"),
frappe.utils.icon("es-line-drag", "xs"),
null,
"drag-handle",
__("Drag"),
@ -783,8 +783,8 @@ frappe.views.Workspace = class Workspace {
}
let $button = $(`
<div class="btn btn-secondary btn-xs setting-btn dropdown-btn" title="${__("Setting")}">
${frappe.utils.icon("dot-horizontal", "xs")}
<div class="btn btn-xs setting-btn dropdown-btn" title="${__("Setting")}">
${frappe.utils.icon("es-line-dot-horizontal", "xs")}
</div>
<div class="dropdown-list hidden"></div>
`);
@ -1289,7 +1289,7 @@ frappe.views.Workspace = class Workspace {
$sidebar_item.appendTo($child_section);
$child_section.removeClass("hidden");
$item_container.find(".drop-icon.hidden").removeClass("hidden");
$item_container.find(".drop-icon use").attr("href", "#icon-small-up");
$item_container.find(".drop-icon use").attr("href", "#es-line-up");
}
let section = item.is_public ? "public" : "private";

6
frappe/public/js/frappe/widgets/base_widget.js
View file

@ -27,7 +27,7 @@ export default class Widget {
options.allow_sorting &&
frappe.utils.add_custom_button(
frappe.utils.icon("drag", "xs"),
frappe.utils.icon("es-line-drag", "xs"),
null,
"drag-handle",
__("Drag"),
@ -58,7 +58,7 @@ export default class Widget {
options.allow_edit &&
frappe.utils.add_custom_button(
frappe.utils.icon("edit", "xs"),
frappe.utils.icon("es-line-edit-alt", "xs"),
() => this.edit(),
"edit-button",
__("Edit"),
@ -99,7 +99,7 @@ export default class Widget {
let title = max_chars ? frappe.ellipsis(base, max_chars) : base;
if (this.icon) {
let icon = frappe.utils.icon(this.icon, "lg");
let icon = frappe.utils.icon(this.icon, "sm");
this.title_field[0].innerHTML = `${icon} <span class="ellipsis" title="${title}">${title}</span>`;
} else {
this.title_field[0].innerHTML = `<span class="ellipsis" title="${title}">${title}</span>`;

4
frappe/public/js/frappe/widgets/links_widget.js
View file

@ -4,7 +4,7 @@ frappe.provide("frappe.utils");
export default class LinksWidget extends Widget {
constructor(opts) {
opts.icon = opts.icon || "file";
opts.icon = opts.icon || "es-line-filetype";
super(opts);
}
@ -86,7 +86,7 @@ export default class LinksWidget extends Widget {
} ${disabled_dependent(item)}" type="${item.type}" title="${
item.label ? item.label : item.name
}">
<span class="indicator-pill no-margin ${get_indicator_color(item)}"></span>
<span class="indicator-pill no-margin grey" style="background:unset;"></span>
${get_link_for_item(item)}
</a>`);
});