Fixed Tooltip mode

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;

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 += '<span><img src="'+img+'">'+
+						'<a href="https://www.youtube.com/@promptgeek">PromptGeek\'s Youtube</a><br>'+
+						'<a href="https://promptgeek.gumroad.com/l/photoreal">PromptGeek\'s "Photoreal" Book</a><br>'+
+						'<h3>'+ title+'</h3><p align="justify">'+data[title]["description"]+'</p></span>';
+					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);
 					}
 				}
 			}