fix: updated add/remove & move icon

This commit is contained in:
Shariq Ansari 2022-12-07 22:27:11 +05:30
parent be2b448120
commit 3ea63dfb6d
5 changed files with 21 additions and 13 deletions

View file

@ -43,6 +43,11 @@
<path d="M7.70015 3.00244L10.7001 6.00244L7.70015 9.00244" stroke="var(--icon-stroke)" stroke-linecap="round" stroke-linejoin="round"/>
</symbol>
<symbol viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-move">
<path d="M12.5 6L9 6C5.68629 6 3 8.68629 3 12L3 13" stroke="var(--icon-stroke)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 3L13 5.99999L9 9" stroke="var(--icon-stroke)" stroke-linecap="round" stroke-linejoin="round"/>
</symbol>
<symbol viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-sidebar-collapse">
<path d="M12 6L6 12L12 18" stroke="var(--icon-stroke)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18 6L12 12L18 18" stroke="var(--icon-stroke)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@ -116,8 +121,14 @@
<path d="M8 4v8M4 8h8" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" id="icon-add">
<path d="M8 3v10M3 8h10" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<symbol viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-add">
<path d="M8.00209 3L8 13" stroke="var(--icon-stroke)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13 8.00223L3 8" stroke="var(--icon-stroke)" stroke-linecap="round" stroke-linejoin="round"/>
</symbol>
<symbol viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-remove">
<path d="M12.2407 12.2445L3.75736 3.75736" stroke="var(--icon-stroke)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.75736 12.2426L12.2445 3.75926" stroke="var(--icon-stroke)" stroke-linecap="round" stroke-linejoin="round"/>
</symbol>
<symbol viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" id="icon-close">

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

View file

@ -81,7 +81,7 @@ function move_columns_to_section() {
:title="__('Move the current column & the following columns to a new section')"
@click="move_columns_to_section"
>
<div :style="{ strokeWidth: 0.6 }" v-html="frappe.utils.icon('arrow-up-right', 'sm')"></div>
<div v-html="frappe.utils.icon('move', 'sm')"></div>
</button>
<button class="btn btn-xs btn-icon" :title="__('Add Column')" @click="add_column">
<div v-html="frappe.utils.icon('add', 'sm')"></div>
@ -91,7 +91,7 @@ function move_columns_to_section() {
:title="__('Remove Column')"
@click="remove_column"
>
<div v-html="frappe.utils.icon('close', 'sm')"></div>
<div v-html="frappe.utils.icon('remove', 'sm')"></div>
</button>
</div>
<draggable

View file

@ -9,7 +9,7 @@ let store = useStore();
let hovered = ref(false);
let component = computed(() => {
return props.field.df.fieldtype.replace(' ', '') + 'Control';
return props.field.df.fieldtype.replace(" ", "") + "Control";
});
function remove_field() {
@ -68,13 +68,10 @@ function move_fields_to_column() {
"
@click="move_fields_to_column"
>
<div
:style="{ strokeWidth: 0.6 }"
v-html="frappe.utils.icon('arrow-up-right', 'sm')"
></div>
<div v-html="frappe.utils.icon('move', 'sm')"></div>
</button>
<button class="btn btn-xs btn-icon" @click="remove_field">
<div v-html="frappe.utils.icon('close', 'sm')"></div>
<div v-html="frappe.utils.icon('remove', 'sm')"></div>
</button>
</div>
</template>

View file

@ -110,7 +110,7 @@ function move_sections_to_tab() {
:title="__('Move the current section and the following sections to a new tab')"
@click="move_sections_to_tab"
>
<div :style="{ strokeWidth: 0.6 }" v-html="frappe.utils.icon('arrow-up-right', 'sm')"></div>
<div v-html="frappe.utils.icon('move', 'sm')"></div>
</button>
<button
class="btn btn-xs btn-section"
@ -124,7 +124,7 @@ function move_sections_to_tab() {
:title="__('Remove section')"
@click="remove_section"
>
<div v-html="frappe.utils.icon('close', 'sm')"></div>
<div v-html="frappe.utils.icon('remove', 'sm')"></div>
</button>
</div>
</div>

View file

@ -152,7 +152,7 @@ function remove_tab() {
:title="__('Remove selected tab')"
@click="remove_tab"
>
<div v-html="frappe.utils.icon('close', 'sm')"></div>
<div v-html="frappe.utils.icon('remove', 'sm')"></div>
</button>
</div>
</div>