Centralized x-padding offset in update.bylineVisibility() to availSpace init, renamed .kudoai to .byline ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/amazongpt]

Author: kudo-sync-bot

greasemonkey/amazongpt.user.js

@@ -3,7 +3,7 @@
 // @description            Adds the magic of AI to Amazon shopping
 // @author                 KudoAI
 // @namespace              https://kudoai.com
-// @version                2025.4.11.6
+// @version                2025.4.12
 // @license                MIT
 // @icon                   https://cdn.jsdelivr.net/gh/KudoAI/amazongpt@0fddfc7/assets/images/icons/amazongpt/black-gold-teal/icon48.png
 // @icon64                 https://cdn.jsdelivr.net/gh/KudoAI/amazongpt@0fddfc7/assets/images/icons/amazongpt/black-gold-teal/icon64.png
@@ -1750,7 +1750,7 @@
 
         appBottomPos() { appDiv.style.bottom = `${ config.minimized ? 55 - appDiv.offsetHeight : -7 }px` },
 
-        appStyle() {
+        appStyle() { // used in toggle.animations() + update.scheme() + main's app init
             const isParticlizedDS = env.ui.app.scheme == 'dark' && !config.bgAnimationsDisabled
             modals.stylize() // update modal styles
             app.styles.innerText = (
@@ -1831,12 +1831,12 @@
               + `.${app.slug}-name, .${app.slug}-name:hover {`
                   + 'font-size: 1.5rem ; font-weight: 700 ; text-decoration: none ;'
                   + `color: ${ env.ui.app.scheme == 'dark' ? 'white' : 'black' }}`
-              + '.kudoai {' // header byline
+              + '.byline {' // header byline
                   + `position: relative ; bottom: -1px ; margin-left: 8px ; color: #aaa ;
                     --kudoai-transition: 0.15s ease-in-out ; transition: var(--kudoai-transition) ;
                         -webkit-transition: var(--kudoai-transition) ; -moz-transition: var(--kudoai-transition) ;
                         -o-transition: var(--kudoai-transition) ; -ms-transition: var(--kudoai-transition) }`
-              + '.kudoai a, .kudoai a:visited { color: #aaa ; text-decoration: none !important } '
+              + '.byline a, .kudoai a:visited { color: #aaa ; text-decoration: none !important } '
               + `.kudoai a:hover {
                     color: ${ env.ui.app.scheme == 'dark' ? 'white' : 'black' };
                     transition: var(--kudoai-transition) ;
@@ -2048,7 +2048,7 @@
             if (env.browser.isPhone) return // since byline hidden by app.styles
 
             // Init header elems
-            const headerElems = { byline: appDiv.querySelector('.kudoai') }
+            const headerElems = { byline: appDiv.querySelector('.byline') }
             if (!headerElems.byline) return // since in loading state
             Object.assign(headerElems, {
                 btns: appDiv.querySelectorAll(`#${app.slug}-header-btns > btn`),
@@ -2064,8 +2064,8 @@
             Object.entries(headerElems).forEach(([key, elem]) => widths[key] = dom.get.computedWidth(elem))
 
             // Hide/show byline based on space available
-            const availSpace = widths.appDiv - widths.appDivXpadding - widths.logo - widths.btns
-            Object.assign(headerElems.byline.style, (widths.byline +10) > availSpace ?
+            const availSpace = widths.appDiv - widths.appDivXpadding - widths.logo - widths.btns -10
+            Object.assign(headerElems.byline.style, widths.byline > availSpace ?
                 { position: 'absolute', left: '-9999px', opacity: 0 } // hide using position to support transition
               : { position: '', left: '', opacity: 1 } // show
             )
@@ -3094,7 +3094,7 @@
                 addListeners.btns.appHeader()
 
                 // Create/append 'by KudoAI'
-                const kudoAIspan = dom.create.elem('span', { class: 'kudoai no-user-select' })
+                const kudoAIspan = dom.create.elem('span', { class: 'byline no-user-select' })
                 kudoAIspan.textContent = 'by '
                 kudoAIspan.append(dom.create.anchor(app.urls.publisher, 'KudoAI'))
                 appDiv.querySelector(`.${app.slug}-name`).insertAdjacentElement('afterend', kudoAIspan)