Added missing CSS prop name

adamlui · Dec 19, 2024 · 77069c7 · 77069c7
1 parent 70f2104
commit 77069c7
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 7 deletions.
diff --git a/autoclear-chatgpt-history/greasemonkey/autoclear-chatgpt-history.user.js b/autoclear-chatgpt-history/greasemonkey/autoclear-chatgpt-history.user.js
@@ -225,7 +225,7 @@
 // @description:zu      Ziba itshala lokucabanga okuzoshintshwa ngokuzenzakalelayo uma ukubuka chatgpt.com
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2024.12.17
+// @version             2024.12.19
 // @license             MIT
 // @icon                https://media.autoclearchatgpt.com/images/icons/openai/black/icon48.png?a8868ef
 // @icon64              https://media.autoclearchatgpt.com/images/icons/openai/black/icon64.png?a8868ef
@@ -498,8 +498,14 @@
 
         init(modal) {
             if (!this.styles) this.stylize() // to init/append stylesheet
-            modal.classList.add(this.class) ; modal.onmousedown = this.dragHandlers.mousedown // add class/listener
-            fillStarryBG(modal)
+            modal.classList.add(this.class) ; modal.parentNode.classList.add(`${this.class}-bg`) // add classes
+            modal.onmousedown = this.dragHandlers.mousedown // add drag handler
+            fillStarryBG(modal) // add Rising Stars bg
+            setTimeout(() => {
+                modal.parentNode.style.backgroundColor = ( // dim bg
+                    `rgba(67, 70, 72, ${ chatgpt.isDarkMode() ? 0.62 : 0.33 })` )
+                modal.parentNode.classList.add('animated') // to trigger modal fade/translate-in
+            }, 100) // delay for transition fx
         },
 
         stylize() {
@@ -508,8 +514,16 @@
                 document.head.append(this.styles)
             }
             this.styles.innerText = (
-                `.${this.class} { z-index: 13456 ; position: absolute }` // to be click-draggable
-              + ( chatgpt.isDarkMode() ? '.chatgpt-modal > div { border: 1px solid white }' : '' )
+                `.${this.class} {`
+                  + 'position: absolute ;' // to be click-draggable
+                  + `border: 1px solid ${ chatgpt.isDarkMode() ? 'white' : '#b5b5b5' } !important ;`
+                  + 'opacity: 0 ;' // to fade-in
+                  + 'transform: translateX(-4px) translateY(7px) !important ;' // offset to move-in from
+                  + 'transition: opacity 0.65s cubic-bezier(.165,.84,.44,1),' // for fade-ins
+                              + 'transform 0.55s cubic-bezier(.165,.84,.44,1) !important }' // for move-ins
+              + `.${this.class}-bg { transition: background-color .25s ease }` // speed to show dim bg
+              + `.${this.class}-bg.animated > div {` // modal fade/translate-in
+                  + 'z-index: 13456 ; opacity: 0.98 ; transform: translate(0,0) !important }'
               + `.${this.class} button {`
                   + 'font-size: 0.77rem ; text-transform: uppercase ;' // shrink/uppercase labels
                   + 'border-radius: 0 !important ;' // square borders
@@ -897,6 +911,8 @@
 
     menu.register() // create browser toolbar menu
 
+    modals.open('about')
+
     // Init UI props
     await Promise.race([chatgpt.isLoaded(), new Promise(resolve => setTimeout(resolve, 5000))]) // initial UI loaded
     await chatgpt.sidebar.isLoaded()

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.12.19.3
+// @version                  2024.12.19.4
 // @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
@@ -1044,7 +1044,7 @@
                   + '0% { opacity: 1 } 50% { opacity: 0.25 ; transform: scale(1.05) }'
                   + '100% { opacity: 0 ; transform: scale(1.35) }}'
               + '.chatgpt-modal > div {'
-                  + '17px 20px 24px 20px !important ;' // increase alert padding
+                  + 'padding: 17px 20px 24px 20px !important ;' // increase alert padding
                   + 'background-color: white ; color: #202124 }'
               + '.chatgpt-modal p { margin: 14px 0 -29px 4px ; font-size: 1.28em ; line-height: 1.57 }' // pos/size modal msg
               + '.modal-buttons {'