Converted env.browser.isPhone to .isCompact ↞ [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.21.2
+// @version               2025.10.21.3
 // @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
@@ -262,7 +262,7 @@
         env.browser[`is${ platform == 'Firefox' ? 'FF' : platform }`] = chatgpt.browser['is' + platform]())
     Object.assign(env.browser, {
         get isPortrait() { return env.browser.isMobile && (innerWidth < innerHeight) },
-        get isPhone() { return env.browser.isMobile && innerWidth <= 480 }
+        get isCompact() { return innerWidth <= 480 }
     })
     env.userLocale = env.browser.language.includes('-') ? env.browser.language.split('-')[1].toLowerCase() : ''
     env.scriptManager.supportsStreaming = /Tampermonkey|ScriptCat/.test(env.scriptManager.name)
@@ -557,7 +557,7 @@
                     color: #b6b8ba ; fill: #b6b8ba ; animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite }
                 #${app.slug} section.loading { padding: 0 0 14px 5px ; font-size: 90% } /* pad loading status */
                 #${app.slug}-font-size-slider-track {
-                    width: 98% ; height: 7px ; margin: -5px auto ${ env.browser.isPhone ? -4 : -9 }px ;
+                    width: 98% ; height: 7px ; margin: -5px auto ${ env.browser.isCompact ? -4 : -9 }px ;
                     padding: 15px 0 ; background-color: #ccc ; box-sizing: content-box; background-clip: content-box ;
                    -webkit-background-clip: content-box }
                 #${app.slug}-font-size-slider-track::before { /* to add finger cursor to unpadded core only */
@@ -816,7 +816,7 @@
         },
 
         bylineVisibility() {
-            if (env.browser.isPhone) return // since byline hidden by app.styles
+            if (env.browser.isCompact) return // since byline hidden by app.styles
 
             // Init header elems
             const headerElems = { byline: app.div.querySelector('.byline') }
@@ -1885,7 +1885,7 @@
             aboutModal.querySelector('h2').remove() // remove empty title h2
             aboutModal.querySelector('p').style.cssText = `
                 overflow-wrap: anywhere ; line-height: 1.55 ;
-                margin: ${ env.browser.isPhone ? '15px 0 -21px' : '13px 0 -18px 11px' }`
+                margin: ${ env.browser.isCompact ? '15px 0 -21px' : '13px 0 -18px 11px' }`
 
             // Hack buttons
             aboutModal.querySelectorAll('button').forEach(btn => {
@@ -1946,7 +1946,7 @@
             // Re-style elems
             apiModal.querySelector('h2').style.justifySelf = 'center' // center title
             const btnsDiv = apiModal.querySelector('.modal-buttons')
-            btnsDiv.style.cssText = `margin-top: 23px !important ; ${ env.browser.isPhone ? ''
+            btnsDiv.style.cssText = `margin-top: 23px !important ; ${ env.browser.isCompact ? ''
                 : 'flex-wrap: wrap ; justify-content: center ; gap: 9px' }` // gridify wide view btns
             btnsDiv.querySelectorAll('button').forEach((btn, idx) => {
                 if (idx == 0) btn.style.display = 'none' // hide Dismiss button
@@ -1973,7 +1973,7 @@
 
             // Re-style button cluster
             const btnsDiv = feedbackModal.querySelector('.modal-buttons')
-            if (!env.browser.isPhone) // gridify wide view btns
+            if (!env.browser.isCompact) // gridify wide view btns
                 btnsDiv.style.cssText = 'flex-wrap: wrap ; justify-content: center ; gap: 3px'
 
             // Hack buttons
@@ -2514,7 +2514,7 @@
                 }
                 .chatgpt-modal > div {
                     background-color: white !important ; color: #202124 ;
-                    ${ env.browser.isPhone ? 'padding: 25px 31px !important' : '' }
+                    ${ env.browser.isCompact ? 'padding: 25px 31px !important' : '' }
                 }
                 .chatgpt-modal p { margin: 14px 0 -20px 4px ; font-size: 18px } /* pos/size modal msg */
                 .chatgpt-modal a { color: #${ appScheme == 'dark' ? '00cfff' : '1e9ebb' } !important }
@@ -2600,7 +2600,7 @@
                     align-content: center ; /* for symmetrized gaps when odd num of entries */
                     list-style: none ; padding: 0 ; margin: 0 ; /* hide bullets, override Brave ul margins */
                     width: ${ env.browser.isPortrait ? 100 : 50 }% } /* set width based on column cnt */
-                ${ env.browser.isPhone ? '' : `#${app.slug}-settings ul:first-of-type { /* color desktop middle sep */
+                ${ env.browser.isCompact ? '' : `#${app.slug}-settings ul:first-of-type { /* color desktop middle sep */
                     border-right: 1px dotted ${ appScheme == 'dark' ? 'white' : 'black' }}`}
                 #${app.slug}-settings li {
                     color: ${ appScheme == 'dark' ? 'rgb(255,255,255,0.65)' : 'rgba(0,0,0,0.45)' };