Fixed chatbar buttons now zoom shakily on chatgpt.com ↞ [auto-sync from

https://github.com/adamlui/ai-web-extensions/tree/main/chatgpt-widescreen]
adamlui · Feb 5, 2025 · 5bdb256 · 5bdb256
1 parent dd3ecc7
commit 5bdb256
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/chromium/extension/content.js b/chromium/extension/content.js
@@ -191,7 +191,9 @@
                   + ( config.hiddenFooter ? hfStyle : '' ) // hide footer
                   + `#newChat-btn { display: ${ config.ncbDisabled == true ? 'none' : 'flex' }}`
                   + ( config.btnAnimationsDisabled ? '' : // zoom chatbar buttons on hover
-                        `.${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285}) }` )
+                        `.${buttons.class} { will-change: transform } /* prevent wobble */
+                         .${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285})
+                                                              translate3d( 0, 0, 0) }` ) // force GPU acceleration
                 )
             },
 

diff --git a/firefox/extension/content.js b/firefox/extension/content.js
@@ -191,7 +191,9 @@
                   + ( config.hiddenFooter ? hfStyle : '' ) // hide footer
                   + `#newChat-btn { display: ${ config.ncbDisabled == true ? 'none' : 'flex' }}`
                   + ( config.btnAnimationsDisabled ? '' : // zoom chatbar buttons on hover
-                        `.${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285}) }` )
+                        `.${buttons.class} { will-change: transform } /* prevent wobble */
+                         .${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285})
+                                                              translate3d( 0, 0, 0) }` ) // force GPU acceleration
                 )
             },
 

diff --git a/greasemonkey/chatgpt-widescreen-mode.user.js b/greasemonkey/chatgpt-widescreen-mode.user.js
@@ -235,7 +235,7 @@
 // @description:zu      Thuthukisa iChatGPT ngemodi zesikrini ezibanzi/egcwele/ephezulu + imodi yokuvimbela i-spam. Futhi isebenza ku-perplexity.ai + poe.com!
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.2.4
+// @version             2025.2.4.1
 // @license             MIT
 // @icon                https://assets.chatgptwidescreen.com/images/icons/widescreen-robot-emoji/icon48.png?v=844b16e
 // @icon64              https://assets.chatgptwidescreen.com/images/icons/widescreen-robot-emoji/icon64.png?v=844b16e
@@ -632,7 +632,9 @@
                   + ( config.hiddenFooter ? hfStyle : '' ) // hide footer
                   + `#newChat-btn { display: ${ config.ncbDisabled == true ? 'none' : 'flex' }}`
                   + ( config.btnAnimationsDisabled ? '' : // zoom chatbar buttons on hover
-                        `.${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285}) }` )
+                        `.${buttons.class} { will-change: transform } /* prevent wobble */
+                         .${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285})
+                                                              translate3d( 0, 0, 0) }` ) /* force GPU acceleration */
                 )
             },