Re-included mobile transitions for font size slider + related query elems (fixes adamlui/ai-web-extensions#244) ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/bravegpt]

Author: kudo-sync-bot

chatgpt/bravegpt/bravegpt.user.js

@@ -148,7 +148,7 @@
 // @description:zu        Yengeza izimpendulo ze-AI ku-Brave Search (inikwa amandla yi-GPT-4o!)
 // @author                KudoAI
 // @namespace             https://kudoai.com
-// @version               2025.10.11.6
+// @version               2025.10.11.7
 // @license               MIT
 // @icon                  https://assets.bravegpt.com/images/icons/app/icon48.png?v=e8ca7c2
 // @icon64                https://assets.bravegpt.com/images/icons/app/icon64.png?v=e8ca7c2
@@ -425,8 +425,7 @@
         appBottomPos() { app.div.style.bottom = `${ config.minimized ? 48 - app.div.offsetHeight : -32 }px` },
 
         appStyle() { // used in toggle.animations() + update.scheme() + main's app init
-            const isParticlizedDS = env.ui.app.scheme == 'dark' && !config.bgAnimationsDisabled,
-                  willNotZoom = config.fgAnimationsDisabled || env.browser.isMobile
+            const isParticlizedDS = env.ui.app.scheme == 'dark' && !config.bgAnimationsDisabled
             modals.stylize() // update modal styles
             if (!app.styles?.isConnected) document.head.append(app.styles ||= dom.create.style())
             app.styles.textContent = (
@@ -574,7 +573,7 @@
                     background-color: ${ env.ui.app.scheme == 'dark' ? 'white' : '#4a4a4a' };
                   --shadow: rgba(0,0,0,0.21) 1px 1px 9px 0 ;
                         box-shadow: var(--shadow) ; -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) ;
-                    ${ willNotZoom ? '' : `transition: var(--font-size-slider-thumb-transition) 
+                    ${ config.fgAnimationsDisabled ? '' : `transition: var(--font-size-slider-thumb-transition) 
                            -webkit-transition: var(--font-size-slider-thumb-transition) ;
                            -moz-transition: var(--font-size-slider-thumb-transition) ;
                            -o-transition: var(--font-size-slider-thumb-transition) ;
@@ -736,7 +735,7 @@
                     border-radius: 0 13px 12px 13px ; flex: 0 0 auto ;
                   --rq-shadow: 1px 4px 8px -6px rgba(169,169,169,0.75) ; box-shadow: var(--rq-shadow) ;
                        -webkit-box-shadow: var(--rq-shadow) ; -moz-box-shadow: var(--rq-shadow) ;
-                    ${ willNotZoom ? '' : `transition: var(--rq-transition) ;
+                    ${ config.fgAnimationsDisabled ? '' : `transition: var(--rq-transition) ;
                            -webkit-transition: var(--rq-transition) ; -moz-transition: var(--rq-transition) ;
                            -o-transition: var(--rq-transition) ; -ms-transition: var(--rq-transition)` }}
                 .${app.slug}-related-query:hover, .${app.slug}-related-query:focus {
@@ -2497,7 +2496,7 @@
                   --modal-btn-zoom: scale(1.055) ; --modal-btn-transition: transform 0.15s ease ;
                   --settings-li-transition: transform 0.1s ease ; /* for Settings entry hover-zoom */
                   --fg-transition: opacity 0.65s cubic-bezier(0.165,0.84,0.44,1), /* fade-in */
-                                     transform 0.55s cubic-bezier(0.165,0.84,0.44,1) !important ; /* move-in */
+                                   transform 0.55s cubic-bezier(0.165,0.84,0.44,1) !important ; /* move-in */
                   --bg-transition: background-color 0.25s ease !important } /* dim */`
 
                 // Main modal styles