Skip to content

Commit 837060c

Browse files
adamluiadamlui
committed
Added -<webkit|moz>-box-shadow fallbacks to support older browsers
1 parent 61e108c commit 837060c

File tree

12 files changed

+301
-206
lines changed

12 files changed

+301
-206
lines changed

‎amazongpt/greasemonkey/amazongpt.user.js‎

Lines changed: 41 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
// @description Adds the magic of AI to Amazon shopping
44
// @author KudoAI
55
// @namespace https://kudoai.com
6-
// @version 2025.2.4.2
6+
// @version 2025.2.4.3
77
// @license MIT
88
// @icon https://amazongpt.kudoai.com/assets/images/icons/amazongpt/black-gold-teal/icon48.png?v=0fddfc7
99
// @icon64 https://amazongpt.kudoai.com/assets/images/icons/amazongpt/black-gold-teal/icon64.png?v=0fddfc7
@@ -697,11 +697,10 @@
697697

698698
// Glowing modal btns
699699
+ ':root { --glow-color: hsl(186 100% 69%) }'
700-
+ '.glowing-btn {'
701-
+ 'perspective: 2em ; font-weight: 900 ; animation: border-flicker 2s linear infinite ;'
702-
+ '-webkit-box-shadow: inset 0 0 0.5em 0 var(--glow-color), 0 0 0.5em 0 var(--glow-color) ;'
703-
+ 'box-shadow: inset 0 0 0.5em 0 var(--glow-color), 0 0 0.5em 0 var(--glow-color) ;'
704-
+ '-moz-box-shadow: inset 0 0 0.5em 0 var(--glow-color), 0 0 0.5em 0 var(--glow-color) }'
700+
+ `.glowing-btn {
701+
perspective: 2em ; font-weight: 900 ; animation: border-flicker 2s linear infinite ;
702+
--shadow: inset 0 0 0.5em 0 var(--glow-color), 0 0 0.5em 0 var(--glow-color) ;
703+
box-shadow: var(--shadow) ; -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) }`
705704
+ '.glowing-txt {'
706705
+ 'animation: text-flicker 3s linear infinite ;'
707706
+ '-webkit-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em var(--glow-color) ;'
@@ -729,10 +728,12 @@
729728
+ '70% { opacity: 0.7 } 100% { opacity: 1 }}'
730729

731730
// Settings modal
732-
+ `#${app.slug}-settings {`
733-
+ `min-width: ${ env.browser.isPortrait ? 288 : 755 }px ; max-width: 75vw ; margin: 12px 23px ;`
734-
+ 'word-wrap: break-word ; border-radius: 15px ; box-shadow: 0 30px 60px rgba(0,0,0,0.12) ;'
735-
+ `${ env.ui.app.scheme == 'dark' ? 'stroke: white ; fill: white' : 'stroke: black ; fill: black' }}`
731+
+ `#${app.slug}-settings {
732+
min-width: ${ env.browser.isPortrait ? 288 : 755 }px ; max-width: 75vw ; margin: 12px 23px ;
733+
word-wrap: break-word ; border-radius: 15px ;
734+
${ env.ui.app.scheme == 'dark' ? 'stroke: white ; fill: white' : 'stroke: black ; fill: black' };
735+
--shadow: 0 30px 60px rgba(0,0,0,0.12) ;
736+
box-shadow: var(--shadow) ; -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) }`
736737
+ `#a${app.slug}-settings-title {`
737738
+ 'font-weight: bold ; line-height: 19px ; text-align: center ;'
738739
+ `margin: 0 ${ env.browser.isMobile ? 6 : 24 }px 8px 0 }`
@@ -1664,28 +1665,30 @@
16641665
+ 'z-index: 5555 ; border-radius: 8px ; padding: 17px 26px 16px ; flex-basis: 0 ;'
16651666
+ `border: ${ env.ui.app.scheme == 'dark' ? 'none' : '1px solid #dadce0' } ;`
16661667
+ 'border-radius: 15px ; flex-grow: 1 ; word-wrap: break-word ; white-space: pre-wrap ;'
1667-
+ 'box-shadow: var(--app-shadow) ;'
16681668
+ ( config.bgAnimationsDisabled ? // classic flat bg
16691669
`background: var(--app-bg-color-${env.ui.app.scheme}-scheme) ;`
16701670
+ `color: var(--font-color-${env.ui.app.scheme}-scheme) ;`
16711671
: `background-image: linear-gradient(180deg, ${ // gradient bg to match rising particles
16721672
env.ui.app.scheme == 'dark' ? '#99a8a6 -245px, black 185px'
16731673
: '#b6ebff -163px, white 65px' }) ;` )
1674-
+ 'transition: var(--app-transition) ;'
1675-
+ '-webkit-transition: var(--app-transition) ; -moz-transition: var(--app-transition) ;'
1676-
+ '-o-transition: var(--app-transition) ; -ms-transition: var(--app-transition) }'
1674+
+ `transition: var(--app-transition) ;
1675+
-webkit-transition: var(--app-transition) ; -moz-transition: var(--app-transition) ;
1676+
-o-transition: var(--app-transition) ; -ms-transition: var(--app-transition) ;
1677+
box-shadow: var(--app-shadow) ;
1678+
-webkit-box-shadow: var(--app-shadow) ; -moz-box-shadow: var(--app-shadow) }`
16771679
+ `#${app.slug} .app-hover-only {` // hide app-hover-only elems
16781680
+ 'position: absolute ; left: -9999px ; opacity: 0 ;' // using position to support transitions
16791681
+ 'width: 0 }' // to support width calcs
16801682
+ `#${app.slug}:hover .app-hover-only, #${app.slug}:active .app-hover-only {
16811683
position: relative ; left: auto ; width: auto ; opacity: 1 }` // show app-hover-only elems on hover
16821684
+ `#${app.slug}:hover, #${app.slug}:active {` // show app shadow on hover
1683-
+ 'box-shadow: var(--app-hover-shadow) ;'
1684-
+ 'transition: var(--app-transition), var(--app-shadow-transition) ;'
1685-
+ '-webkit-transition: var(--app-transition), var(--app-shadow-transition) ;'
1686-
+ '-moz-transition: var(--app-transition), var(--app-shadow-transition) ;'
1687-
+ '-o-transition: var(--app-transition), var(--app-shadow-transition) ;'
1688-
+ '-ms-transition: var(--app-transition), var(--app-shadow-transition) }'
1685+
+ `box-shadow: var(--app-hover-shadow) ;
1686+
-webkit-box-shadow: var(--app-hover-shadow) ; -moz-box-shadow: var(--app-hover-shadow) ;
1687+
transition: var(--app-transition), var(--app-shadow-transition) ;
1688+
-webkit-transition: var(--app-transition), var(--app-shadow-transition) ;
1689+
-moz-transition: var(--app-transition), var(--app-shadow-transition) ;
1690+
-o-transition: var(--app-transition), var(--app-shadow-transition) ;
1691+
-ms-transition: var(--app-transition), var(--app-shadow-transition) }`
16891692
+ `#${app.slug} p { margin: 0 ; ${ env.ui.app.scheme == 'dark' ? 'color: #ccc' : '' }}`
16901693
+ `#${app.slug} .alert-link { color: ${
16911694
env.ui.app.scheme == 'light' ? '#190cb0' : 'white ; text-decoration: underline' }}`
@@ -1732,16 +1735,17 @@
17321735
+ 'z-index: 1 ; position: absolute ; bottom: 20px ;'
17331736
+ 'border-left: 4.5px solid transparent ; border-right: 4.5px solid transparent ;'
17341737
+ 'border-bottom: 16px solid #ccc }'
1735-
+ `#${app.slug}-font-size-slider-thumb {`
1736-
+ 'z-index: 2 ; width: 10px ; height: 25px ; border-radius: 30% ; position: relative ;'
1737-
+ 'top: -7.65px ; cursor: ew-resize ;'
1738-
+ `background-color: ${ env.ui.app.scheme == 'dark' ? 'white' : '#4a4a4a' } ;`
1739-
+ 'box-shadow: rgba(0,0,0,0.21) 1px 1px 9px 0 ;'
1740-
+ 'transition: var(--font-size-slider-thumb-transition) ;'
1741-
+ '-webkit-transition: var(--font-size-slider-thumb-transition) ;'
1742-
+ '-moz-transition: var(--font-size-slider-thumb-transition) ;'
1743-
+ '-o-transition: var(--font-size-slider-thumb-transition) ;'
1744-
+ '-ms-transition: var(--font-size-slider-thumb-transition) }'
1738+
+ `#${app.slug}-font-size-slider-thumb {
1739+
z-index: 2 ; width: 10px ; height: 25px ; border-radius: 30% ; position: relative ;
1740+
top: -7.65px ; cursor: ew-resize ;
1741+
background-color: ${ env.ui.app.scheme == 'dark' ? 'white' : '#4a4a4a' } ;
1742+
--shadow: rgba(0,0,0,0.21) 1px 1px 9px 0 ;
1743+
box-shadow: var(--shadow) ; -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) ;
1744+
transition: var(--font-size-slider-thumb-transition)
1745+
-webkit-transition: var(--font-size-slider-thumb-transition) ;
1746+
-moz-transition: var(--font-size-slider-thumb-transition) ;
1747+
-o-transition: var(--font-size-slider-thumb-transition) ;
1748+
-ms-transition: var(--font-size-slider-thumb-transition) }`
17451749
+ ( config.fgAnimationsDisabled || env.browser.isMobile ?
17461750
'' : `#${app.slug}-font-size-slider-thumb:hover { transform: scale(1.125) }` )
17471751
+ `.${app.slug}-reply-tip {`
@@ -1786,9 +1790,12 @@
17861790
+ `position: relative ; z-index: 555 ; color: #${ env.ui.app.scheme == 'dark' ? 'eee' : '222' } ;`
17871791
+ `background: ${ env.ui.app.scheme == 'light' ? '#eeeeee9e'
17881792
: `#515151${ config.bgAnimationsDisabled ? '' : '9e' }` } ;`
1789-
+ `${ env.ui.app.scheme == 'light' ? 'box-shadow: 0 1px 2px rgba(15,17,17,0.1) inset' : '' }}`
1793+
+ `${ env.ui.app.scheme == 'dark' ? '' :
1794+
`--shadow: 0 1px 2px rgba(15,17,17,0.1) inset ; box-shadow: var(--shadow) ;
1795+
-webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow)` }}`
17901796
+ `#${app.slug}-chatbar:focus-visible {
1791-
outline: -webkit-focus-ring-color auto 1px ; box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset }`
1797+
outline: -webkit-focus-ring-color auto 1px ; --shadow: 0 1px 2px rgba(0,0,0,0.3) inset ;
1798+
box-shadow: var(--shadow) ; -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) }`
17921799
+ '.fade-in { opacity: 0 ; transform: translateY(10px) }'
17931800
+ '.fade-in-less { opacity: 0 ;'
17941801
+ 'transition: var(--fade-in-less-transition) ;'
@@ -3117,7 +3124,8 @@
31173124
+ 'rgba(0,0,0,0.64) ; padding: 4px 6px ; border-radius: 6px ; border: 1px solid #d9d9e3 ;'
31183125
+ 'font-size: 0.87em ; color: white ; fill: white ; stroke: white ;' // font/icon style
31193126
+ 'position: absolute ;' // for update.tooltip() calcs
3120-
+ 'box-shadow: 3px 5px 16px 0 rgb(0,0,0,0.21) ;' // drop shadow
3127+
+ `--shadow: 3px 5px 16px 0 rgb(0,0,0,0.21) ;
3128+
box-shadow: var(--shadow) ; -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow)`
31213129
+ 'opacity: 0 ; height: fit-content ; z-index: 1250 ;' // visibility
31223130
+ 'transition: opacity 0.1s ; -webkit-transition: opacity 0.1s ; -moz-transition: opacity 0.1s ;'
31233131
+ '-o-transition: opacity 0.1s ; -ms-transition: opacity 0.1s }'

‎autoclear-chatgpt-history/greasemonkey/autoclear-chatgpt-history.user.js‎

Lines changed: 25 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -225,7 +225,7 @@
225225
// @description:zu Ziba itshala lokucabanga okuzoshintshwa ngokuzenzakalelayo uma ukubuka chatgpt.com
226226
// @author Adam Lui
227227
// @namespace https://github.com/adamlui
228-
// @version 2025.2.3
228+
// @version 2025.2.4
229229
// @license MIT
230230
// @icon https://assets.autoclearchatgpt.com/images/icons/openai/black/icon48.png?v=f461c06
231231
// @icon64 https://assets.autoclearchatgpt.com/images/icons/openai/black/icon64.png?v=f461c06
@@ -815,20 +815,25 @@
815815
+ 'transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;'
816816
+ '-o-transition: 0.4s ; -ms-transition: 0.4s }'
817817
+ `.${this.class} > span.enabled {` // switch on
818-
+ 'background-color: var(--switch-enabled-bg-color) ;'
819-
+ 'box-shadow: var(--switch-enabled-box-shadow) ;'
820-
+ 'transition: 0.15s ; -webkit-transition: 0.15s ; -moz-transition: 0.15s ;'
821-
+ '-o-transition: 0.15s ; -ms-transition: 0.15s }'
818+
+ `background-color: var(--switch-enabled-bg-color) ;
819+
box-shadow: var(--switch-enabled-box-shadow) ;
820+
-webkit-box-shadow: var(--switch-enabled-box-shadow) ;
821+
-moz-box-shadow: var(--switch-enabled-box-shadow) ;
822+
transition: 0.15s ; -webkit-transition: 0.15s ; -moz-transition: 0.15s ;
823+
-o-transition: 0.15s ; -ms-transition: 0.15s }`
822824
+ `.${this.class}:hover > span.enabled {` // switch on when hover on parent div
823-
+ 'box-shadow: var(--switch-enabled-hover-box-shadow) }'
825+
+ `box-shadow: var(--switch-enabled-hover-box-shadow) ;
826+
-webkit-box-shadow: var(--switch-enabled-hover-box-shadow) ;
827+
-moz-box-shadow: var(--switch-enabled-hover-box-shadow) }`
824828
+ `.${this.class} > span.disabled {` // switch off
825829
+ 'background-color: var(--switch-disabled-bg-color) ; box-shadow: none }'
826830
+ `.${this.class} > span > span {` // knob span
827-
+ 'position: absolute ; width: 12px ; height: 12px ; content: "" ; border-radius: 28px ;'
828-
+ 'background-color: white ; left: 3px ; bottom: 1.25px ;'
829-
+ 'box-shadow: var(--knob-box-shadow) ;' // make 3D
830-
+ 'transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;'
831-
+ '-o-transition: 0.4s ; -ms-transition: 0.4s }'
831+
+ `position: absolute ; width: 12px ; height: 12px ; content: "" ; border-radius: 28px ;
832+
background-color: white ; left: 3px ; bottom: 1.25px ;
833+
box-shadow: var(--knob-box-shadow) ;
834+
-webkit-box-shadow: var(--knob-box-shadow) ; -moz-box-shadow: var(--knob-box-shadow) ;
835+
transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
836+
-o-transition: 0.4s ; -ms-transition: 0.4s }`
832837
+ `.${this.class} > label {` // toggle label
833838
+ 'cursor: pointer ; overflow: hidden ; text-overflow: ellipsis ;'
834839
+ `width: ${ env.browser.isMobile ? 201 : 148 }px ;`
@@ -838,11 +843,17 @@
838843
// Dark scheme mods
839844
+ `.${this.class}.dark > span.enabled {` // switch on
840845
+ 'background-color: var(--switch-enabled-bg-color) ;'
841-
+ 'box-shadow: var(--switch-enabled-hover-box-shadow) }' // use hover style instead
846+
+ 'box-shadow: var(--switch-enabled-hover-box-shadow) ;' // use hover style instead
847+
+ '-webkit-box-shadow: var(--switch-enabled-hover-box-shadow) ;'
848+
+ '-moz-box-shadow: var(--switch-enabled-hover-box-shadow) }'
842849
+ `.${this.class}.dark:hover > span.enabled {` // switch on when hover on parent div
843-
+ 'box-shadow: var(--switch-enabled-box-shadow) }' // use regular style instead
850+
+ 'box-shadow: var(--switch-enabled-box-shadow) ;' // use regular style instead
851+
+ '-webkit-box-shadow: var(--switch-enabled-box-shadow) ;'
852+
+ '-moz-box-shadow: var(--switch-enabled-box-shadow) }'
844853
+ `.${this.class}.dark > span > span {` // knob span
845-
+ 'box-shadow: var(--knob-box-shadow-dark) }' // make 3D-er
854+
+ 'box-shadow: var(--knob-box-shadow-dark) ;' // make 3D-er
855+
+ '-webkit-box-shadow: var(--knob-box-shadow-dark) ;'
856+
+ '-moz-box-shadow: var(--knob-box-shadow-dark) }'
846857
)
847858
document.head.append(this.styles)
848859
},

0 commit comments

Comments
 (0)