feat: copy fieldname to clipboard on click

minor dark mode color fix
This commit is contained in:
Shariq Ansari 2023-01-01 13:51:10 +05:30
parent 9ca2826f33
commit 538a5be99f
4 changed files with 13 additions and 4 deletions

View file

@ -13,7 +13,14 @@ frappe.ui.form.Control = class BaseControl {
.attr("data-fieldname", this.df.fieldname);
this.wrapper = this.$wrapper.get(0);
this.wrapper.fieldobj = this; // reference for event handlers
this.$wrapper.append(`<span class="tooltip-content">${__(this.df.fieldname)}</span>`);
this.tooltip = $(`<span class="tooltip-content">${__(this.df.fieldname)}</span>`);
this.$wrapper.append(this.tooltip);
this.tooltip.on("click", (e) => {
let text = $(e.target).text();
frappe.utils.copy_to_clipboard(text);
});
}
make_wrapper() {

View file

@ -166,6 +166,7 @@ $input-height: 28px !default;
--bg-red: var(--red-50);
--bg-gray: var(--gray-200);
--bg-light-gray: var(--gray-100);
--bg-dark-gray: var(--gray-900);
--bg-purple: var(--purple-100);
--bg-pink: var(--pink-50);
--bg-cyan: var(--cyan-50);

View file

@ -55,6 +55,7 @@
--bg-red: var(--red-500);
--bg-gray: var(--gray-600);
--bg-light-gray: var(--gray-700);
--bg-dark-gray: var(--gray-300);
--bg-purple: var(--purple-600);
--text-on-blue: var(--blue-50);

View file

@ -3,16 +3,16 @@
.tooltip-content {
position: absolute;
bottom: 104%;
bottom: 100%;
left: 0;
z-index: 9999;
padding: 2px 6px;
border-radius: var(--border-radius-sm);
background: var(--gray-dark);
background-color: var(--bg-dark-gray);
color: var(--text-dark);
font-size: var(--text-xs);
opacity: 0;
cursor: default;
cursor: copy;
transition: opacity 0.3s, transform 3s;
pointer-events: none;
}