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

fix: remove label focus outline while editing

Browse source 
also added tooltip to know double click to edit label
This commit is contained in:
Shariq Ansari 2022-11-16 19:23:31 +05:30
parent 70d3640e0f
commit 28ec144675
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frappe/public/js/form_builder/components/EditableInput.vue
View file

@ -38,7 +38,7 @@ function focus_on_label() {
</script>
<template>
<div @dblclick="focus_on_label">
<div @dblclick="focus_on_label" :title="__('Double click to edit label')">
<input
v-if="editing"
class="input-text"
@ -69,7 +69,7 @@ function focus_on_label() {
margin-left: -2px;
&:focus {
outline: 1px solid var(--primary);
outline: none;
border-radius: var(--border-radius);
}

4
frappe/public/js/form_builder/components/FormBuilder.vue
View file

@ -130,6 +130,10 @@ onMounted(() => store.fetch());
background-color: var(--fg-color);
cursor: pointer;
}
.input-text {
background-color: inherit;
}
}
.reqd::after {