Fixed related query balloons exceed app div bounds if suggestion too …

…long
adamlui · Aug 24, 2024 · 8bd3606 · 8bd3606
1 parent f82bcae
commit 8bd3606
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/bravegpt/greasemonkey/bravegpt.user.js b/bravegpt/greasemonkey/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               2024.8.22.3
+// @version               2024.8.23
 // @license               MIT
 // @icon                  https://media.bravegpt.com/images/icons/bravegpt/icon48.png?0a9e287
 // @icon64                https://media.bravegpt.com/images/icons/bravegpt/icon64.png?0a9e287
@@ -1650,7 +1650,7 @@ setTimeout(async () => {
                   + 'height: 43px ; line-height: 17px ; width: 100% ; max-height: 200px ; resize: none ;'
                   + `background: ${ scheme == 'dark' ? '#5151519e' : '#eeeeee9e' };`
                   + `position: relative ; z-index: 555 ; color: ${ scheme == 'dark' ? '#eee' : '#222' }}`
-              + '.related-queries { display: flex ; flex-wrap: wrap ; width: 100% ; margin-bottom: -18px ;'
+              + '.related-queries { display: flex ; flex-wrap: wrap ; box-sizing: border-box ; width: 100% ; margin-bottom: -18px ;'
                   + 'position: relative ; top: -3px ;' // scooch up to hug feedback gap
                   + `${ isFirefox ? '' : 'margin-top: -31px' }}`
               + '.related-query { margin: 4px 4px 2px 0 ; padding: 8px 13px 7px 14px ;'

diff --git a/duckduckgpt/greasemonkey/duckduckgpt.user.js b/duckduckgpt/greasemonkey/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                2024.8.22.3
+// @version                2024.8.23
 // @license                MIT
 // @icon                   https://media.ddgpt.com/images/icons/duckduckgpt/icon48.png?af89302
 // @icon64                 https://media.ddgpt.com/images/icons/duckduckgpt/icon64.png?af89302
@@ -1643,7 +1643,7 @@
                   + 'margin: 3px 0 15px 0 ; padding: 13px 57px 9px 10px ;'
                   + `background: ${ scheme == 'dark' ? '#5151519e' : '#eeeeee9e' }}`
               + '.related-queries {'
-                  + 'display: flex ; flex-wrap: wrap ; width: 100% ; position: relative ; overflow: visible ;'
+                  + 'display: flex ; flex-wrap: wrap ; box-sizing: border-box ; width: 100% ; position: relative ; overflow: visible ;'
                   + `${ isFirefox ? 'top: -20px ; margin: -3px 0 -10px' : 'top: -25px ; margin: -7px 0 -15px' }}`
               + '.related-query {'
                   + `margin: 4px 4px ${ scheme == 'dark' ? 7 : 2 }px 0 ; padding: 4px 10px 5px 10px ;`

diff --git a/googlegpt/greasemonkey/googlegpt.user.js b/googlegpt/greasemonkey/googlegpt.user.js
@@ -149,7 +149,7 @@
 // @description:zu           Yengeza izimpendulo ze-AI ku-Google Search (inikwa amandla yi-Google Gemma + GPT-4o!)
 // @author                   KudoAI
 // @namespace                https://kudoai.com
-// @version                  2024.8.22.3
+// @version                  2024.8.23
 // @license                  MIT
 // @icon                     https://media.googlegpt.io/images/icons/googlegpt/black/icon48.png?8652a6e
 // @icon64                   https://media.googlegpt.io/images/icons/googlegpt/black/icon64.png?8652a6e
@@ -1847,7 +1847,7 @@
                   + 'margin: 13px 0 15px 0 ; padding: 13px 55px 13px 10px ;'
                   + `background: ${ scheme == 'dark' ? '#5151519e' : '#eeeeee9e' }}`
               + ( scheme == 'dark' ? '.continue-chat > textarea { color: white } .continue-chat > textarea::placeholder { color: #aaa }' : '' )
-              + '.related-queries { display: flex ; flex-wrap: wrap ; width: 100% ; margin-bottom: 19px }'
+              + '.related-queries { display: flex ; flex-wrap: wrap ; box-sizing: border-box ; width: 100% ; margin-bottom: 19px }'
               + '.related-query {'
                   + `margin: 5px 4px ${ scheme == 'dark' ? 5 : 2 }px 0 ; padding: 8px 12px 8px 13px ;`
                   + `color: ${ scheme == 'dark' ? '#f2f2f2' : '#767676' } ; background: ${ scheme == 'dark' ? '#595858d6' : '#fbfbfbb0' } ;`