Replaced env.browser.isPortrait w/ .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.11.3
+// @version               2025.11.5
 // @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
@@ -260,10 +260,7 @@
         }
     } ; ['Chromium', 'Firefox', 'Chrome', 'Edge', 'Brave', 'Mobile'].forEach(platform =>
         env.browser[`is${ platform == 'Firefox' ? 'FF' : platform }`] = chatgpt.browser['is' + platform]())
-    Object.assign(env.browser, {
-        get isPortrait() { return env.browser.isMobile && (innerWidth < innerHeight) },
-        get isCompact() { return innerWidth <= 480 }
-    })
+    Object.assign(env.browser, { 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)
     env.scriptManager.supportsTooltips = env.scriptManager.name == 'Tampermonkey'
@@ -2224,8 +2221,8 @@
 
                 // Init logo
                 const settingsIcon = icons.bravegpt.create()
-                settingsIcon.style.cssText = `width: ${ env.browser.isPortrait ? 63 : 67 }px ; margin-bottom: 10px ;`
-                    + `position: relative ; top: -29px ; right: ${ env.browser.isPortrait ? -5 : 7 }px ;`
+                settingsIcon.style.cssText = `width: ${ env.browser.isCompact ? 63 : 67 }px ; margin-bottom: 10px ;`
+                    + `position: relative ; top: -29px ; right: ${ env.browser.isCompact ? -5 : 7 }px ;`
                     + 'filter: drop-shadow(5px 5px 15px rgba(0,0,0,0.3))'
 
                 // Init title
@@ -2240,7 +2237,7 @@
                 const settingsLists = [], middleGap = 30 // px
                 const settingsListContainer = dom.create.elem('div')
                 const settingsListCnt = (
-                    env.browser.isMobile && ( env.browser.isPortrait || settingsKeys.length < 8 )) ? 1 : 2
+                    env.browser.isMobile && ( env.browser.isCompact || settingsKeys.length < 8 )) ? 1 : 2
                 const settingEntryCap = Math.floor(settingsKeys.length /2)
                 for (let i = 0 ; i < settingsListCnt ; i++) settingsLists.push(dom.create.elem('ul'))
                 settingsListContainer.style.width = '95%' // pad vs. parent
@@ -2260,7 +2257,7 @@
                         { id: `${key}-settings-entry`, title: setting.helptip || '' })
                     const settingLabel = dom.create.elem('label', { textContent: setting.label })
                     settingEntry.append(settingLabel);
-                    (settingsLists[env.browser.isPortrait ? 0 : +(idx >= settingEntryCap)]).append(settingEntry)
+                    (settingsLists[env.browser.isCompact ? 0 : +(idx >= settingEntryCap)]).append(settingEntry)
 
                     // Create/prepend icons
                     const settingIcon = icons.create({ key: setting.icon })
@@ -2408,7 +2405,7 @@
                 this.styles.textContent = `
                     #${app.slug}-settings {
                         font-family: var(--brand-font) ;
-                        min-width: ${ env.browser.isPortrait ? 288 : 758 }px ; max-width: 75vw ; margin: 12px 23px ;
+                        min-width: ${ env.browser.isCompact ? 288 : 758 }px ; max-width: 75vw ; margin: 12px 23px ;
                         word-wrap: break-word ; border-radius: 15px ;
                         ${ appScheme == 'dark' ? 'stroke: white ; fill: white' : 'stroke: black ; fill: black' };
                       --shadow: 0 30px 60px rgba(0,0,0,0.12) ; box-shadow: var(--shadow) ;
@@ -2419,13 +2416,13 @@
                         margin: 0 ${ env.browser.isMobile ? -31 : -6 }px -3px 0
                     }
                     #${app.slug}-settings-title h4 {
-                        font-size: ${ env.browser.isPortrait ? 26 : 30 }px ; font-weight: bold ;
+                        font-size: ${ env.browser.isCompact ? 26 : 30 }px ; font-weight: bold ;
                         margin: -31px 17px 7px 0
                     }
                     #${app.slug}-settings ul {
                         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 */
+                        width: ${ env.browser.isCompact ? 100 : 50 }% /* set width based on column cnt */
                     }
                     ${ env.browser.isCompact ? '' : `#${app.slug}-settings ul:first-of-type { /* color desktop middle sep */
                         border-right: 1px dotted ${ appScheme == 'dark' ? 'white' : 'black' }}`}
@@ -2479,7 +2476,7 @@
                     }
                     #about-settings-entry span { color: ${ appScheme == 'dark' ? '#28ee28' : 'green' }}
                     #about-settings-entry > span { /* outer About status span */
-                        width: ${ env.browser.isPortrait ? '15vw' : '95px' }; height: 20px ; overflow: hidden ;
+                        width: ${ env.browser.isCompact ? '15vw' : '95px' }; height: 20px ; overflow: hidden ;
                         ${ config.fgAnimationsDisabled ? '' : // fade edges
                                 `mask-image: linear-gradient(
                                     to right, transparent, black 20%, black 89%, transparent) ;