Converted env.browser.isPhone to .isCompact ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/duckduckgpt]

Author: kudo-sync-bot

chatgpt/duckduckgpt/duckduckgpt.user.js

@@ -148,7 +148,7 @@
 // @description:zu         Yengeza izimpendulo ze-AI ku-DuckDuckGo (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.ddgpt.com/images/icons/app/icon48.png?v=533ce0f
 // @icon64                 https://assets.ddgpt.com/images/icons/app/icon64.png?v=533ce0f
@@ -263,7 +263,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)
@@ -554,7 +554,7 @@
                     color: #b6b8ba ; fill: #b6b8ba ; animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite }
                 #${app.slug} section.loading { padding-left: 5px } /* left-pad loading status when sending replies */
                 #${app.slug}-font-size-slider-track {
-                    width: 98% ; height: 7px ; margin: -6px auto ${ env.browser.isPhone ? -5 : -10 }px ;
+                    width: 98% ; height: 7px ; margin: -6px auto ${ env.browser.isCompact ? -5 : -10 }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 */
@@ -819,7 +819,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') }
@@ -1887,7 +1887,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 ? '9px 0 -16px' : '3px 0 -11px 10px' }`)
+              + `margin: ${ env.browser.isCompact ? '9px 0 -16px' : '3px 0 -11px 10px' }`)
 
             // Hack buttons
             aboutModal.querySelectorAll('button').forEach(btn => {
@@ -1948,7 +1948,7 @@
             // Re-style elems
             apiModal.querySelector('h2').style.justifySelf = 'center' // center title
             const btnsDiv = apiModal.querySelector('.modal-buttons')
-            btnsDiv.style.cssText = `margin: 18px 0px 6px !important ; ${ env.browser.isPhone ? ''
+            btnsDiv.style.cssText = `margin: 18px 0px 6px !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
@@ -1975,7 +1975,7 @@
 
             // Re-style button cluster
             const btnsDiv = feedbackModal.querySelector('.modal-buttons')
-            btnsDiv.style.cssText = `margin-top: 12px !important ; ${ env.browser.isPhone ? ''
+            btnsDiv.style.cssText = `margin-top: 12px !important ; ${ env.browser.isCompact ? ''
                 : 'flex-wrap: wrap ; justify-content: center ; gap: 9px' }` // gridify wide view btns
 
             // Hack buttons
@@ -2602,7 +2602,7 @@
                     align-content: center ; /* for symmetrized gaps when odd num of entries */
                     list-style: none ; padding: 0 ; margin-bottom: 2px ; /* hide bullets, close bottom gap */
                     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)' };