Expanded Site Settings entry highlight on hover full-width, condensed onmouse<enter|leave> handler ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/chatgpt-widescreen]

kudo-sync-bot · kudo-sync-bot · commit 52fb221e2cd2 · 2025-03-04T02:57:59.000-08:00
diff --git a/chromium/extension/popup/controller.js b/chromium/extension/popup/controller.js
@@ -166,9 +166,8 @@
 
         // Init entry's elems
         const ssEntry = {
-            div: dom.create.elem('div', { class: 'menu-entry' }),
+            div: dom.create.elem('div', { class: 'menu-entry highlight-on-hover' }),
             switchLabelDiv: dom.create.elem('div', {
-                class: 'highlight-on-hover',
                 title: `${getMsg('helptip_run')} ${app.name} on ${sites[site].urls.homepage}`,
                 style: `display: flex ; height: 33px ; align-items: center ; flex-grow: 1 ;
                         margin-left: -2px ; padding-left: 2px /* fill .menu-entry left-padding */` }),
@@ -199,8 +198,8 @@
                     getMsg(`state_${ extensionIsDisabled() ? 'off' : 'on' }`).toUpperCase()}`)
             }
         }
-        ssEntry.faviconDiv.onmouseenter = ssEntry.faviconDiv.onmouseleave = ({ type }) => // swap favicon/open icon
-            ssEntry.faviconDiv.firstChild.replaceWith(type == 'mouseenter' ? ssEntry.openIcon : ssEntry.favicon)
+        ssEntry.faviconDiv.onmouseenter = ssEntry.faviconDiv.onmouseleave = ({ type }) =>
+            ssEntry.faviconDiv.firstChild.replaceWith(ssEntry[type == 'mouseenter' ? 'openIcon' : 'favicon'])
         ssEntry.faviconDiv.onclick = () => { open(`https://${sites[site].urls.homepage}`) ; close() }
     }
 
diff --git a/firefox/extension/popup/controller.js b/firefox/extension/popup/controller.js
@@ -166,9 +166,8 @@
 
         // Init entry's elems
         const ssEntry = {
-            div: dom.create.elem('div', { class: 'menu-entry' }),
+            div: dom.create.elem('div', { class: 'menu-entry highlight-on-hover' }),
             switchLabelDiv: dom.create.elem('div', {
-                class: 'highlight-on-hover',
                 title: `${getMsg('helptip_run')} ${app.name} on ${sites[site].urls.homepage}`,
                 style: `display: flex ; height: 33px ; align-items: center ; flex-grow: 1 ;
                         margin-left: -2px ; padding-left: 2px /* fill .menu-entry left-padding */` }),
@@ -199,8 +198,8 @@
                     getMsg(`state_${ extensionIsDisabled() ? 'off' : 'on' }`).toUpperCase()}`)
             }
         }
-        ssEntry.faviconDiv.onmouseenter = ssEntry.faviconDiv.onmouseleave = ({ type }) => // swap favicon/open icon
-            ssEntry.faviconDiv.firstChild.replaceWith(type == 'mouseenter' ? ssEntry.openIcon : ssEntry.favicon)
+        ssEntry.faviconDiv.onmouseenter = ssEntry.faviconDiv.onmouseleave = ({ type }) =>
+            ssEntry.faviconDiv.firstChild.replaceWith(ssEntry[type == 'mouseenter' ? 'openIcon' : 'favicon'])
         ssEntry.faviconDiv.onclick = () => { open(`https://${sites[site].urls.homepage}`) ; close() }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -166,9 +166,8 @@`
`166`	`166`
`167`	`167`	`// Init entry's elems`
`168`	`168`	`const ssEntry = {`
`169`		`- div: dom.create.elem('div', { class: 'menu-entry' }),`
	`169`	`+ div: dom.create.elem('div', { class: 'menu-entry highlight-on-hover' }),`
`170`	`170`	`switchLabelDiv: dom.create.elem('div', {`
`171`		`- class: 'highlight-on-hover',`
`172`	`171`	title: `${getMsg('helptip_run')} ${app.name} on ${sites[site].urls.homepage}`,
`173`	`172`	style: `display: flex ; height: 33px ; align-items: center ; flex-grow: 1 ;
`174`	`173`	margin-left: -2px ; padding-left: 2px /* fill .menu-entry left-padding */` }),
`@@ -199,8 +198,8 @@`
`199`	`198`	getMsg(`state_${ extensionIsDisabled() ? 'off' : 'on' }`).toUpperCase()}`)
`200`	`199`	`}`
`201`	`200`	`}`
`202`		`- ssEntry.faviconDiv.onmouseenter = ssEntry.faviconDiv.onmouseleave = ({ type }) => // swap favicon/open icon`
`203`		`- ssEntry.faviconDiv.firstChild.replaceWith(type == 'mouseenter' ? ssEntry.openIcon : ssEntry.favicon)`
	`201`	`+ ssEntry.faviconDiv.onmouseenter = ssEntry.faviconDiv.onmouseleave = ({ type }) =>`
	`202`	`+ ssEntry.faviconDiv.firstChild.replaceWith(ssEntry[type == 'mouseenter' ? 'openIcon' : 'favicon'])`
`204`	`203`	ssEntry.faviconDiv.onclick = () => { open(`https://${sites[site].urls.homepage}`) ; close() }
`205`	`204`	`}`
`206`	`205`