diff --git a/web/bilbox.css b/web/bilbox.css index 9968261..667d2e2 100644 --- a/web/bilbox.css +++ b/web/bilbox.css @@ -31,12 +31,12 @@ pointer-events: none; } -#bx_modal_context_menu .tooltip { +.bx_tooltip { text-decoration: none; position: relative; } -#bx_modal_context_menu .tooltip span { +.bx_tooltip span { display: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; @@ -46,13 +46,13 @@ border-color: var(--border-color); } -#bx_modal_context_menu .tooltip span img { +.bx_tooltip span img { float: left; margin: 0px 8px 8px 0; max-width: 100% } -#bx_modal_context_menu .tooltip span a, #bx_modal_context_menu.comfy-modal span a{ +.bx_tooltip span a, #bx_modal_context_menu.comfy-modal span a{ color: var(--descrip-text); float:right; font-style: italic; @@ -65,11 +65,11 @@ right: 10px; } -#bx_modal_context_menu .tooltip span a:hover, #bx_modal_context_menu.comfy-modal span a:hover { +.bx_tooltip span a:hover, #bx_modal_context_menu.comfy-modal span a:hover { color: var(--input-text); } -#bx_modal_context_menu .tooltip:hover span { +.bx_tooltip:hover span { display: block; position: absolute; top: -300px; diff --git a/web/bilboxContextMenuEnhance.js b/web/bilboxContextMenuEnhance.js index 33426c8..d8ca88f 100644 --- a/web/bilboxContextMenuEnhance.js +++ b/web/bilboxContextMenuEnhance.js @@ -1273,6 +1273,29 @@ app.registerExtension({ head.appendChild(link); } + function setup_tooltips(combo_name) + { + var cname = combo_name.replace("_"," "); + if(!(cname in window.bilbox_promptgeek_data)) + return; + var data = bilbox_promptgeek_data[cname].reduce( + (obj, item) => Object.assign(obj, { [item["name"]]: item }), {}); + const items = Array.from(document.querySelectorAll(".submenu")); + for (var e of items) { + var title = e.innerText; + if(title in data) + { + //e.setAttribute('data-tooltip', data[title]["description"]); + var img = relPath+'/PromptGeek/'+ data[title]["images"][0] + e.innerHTML += ''+ + 'PromptGeek\'s Youtube
'+ + 'PromptGeek\'s "Photoreal" Book
'+ + '

'+ title+'

'+data[title]["description"]+'

'; + e.classList.add("bx_tooltip"); + } + } + } + function setup_selection_modal(combo_name, callback) { var container = null; @@ -1410,6 +1433,7 @@ app.registerExtension({ widget: w, }, ref_window); + setup_tooltips(w.name); } } }