Skip to content

Commit 3113029

Browse files
adamluiadamlui
committed
Updated sidebar toggle padding
1 parent 8158d93 commit 3113029

File tree

3 files changed

+15
-18
lines changed

3 files changed

+15
-18
lines changed

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

Lines changed: 5 additions & 6 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.5.13.3
228+
// @version 2025.5.14
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
@@ -798,14 +798,14 @@
798798
// Init toggle elems
799799
this.div = dom.create.elem('div', { class: this.class })
800800
this.navicon = dom.create.elem('img')
801-
this.toggleLabel = dom.create.elem('label')
802801
this.toggleInput = dom.create.elem('input')
802+
this.toggleLabel = dom.create.elem('label')
803803
this.switchSpan = dom.create.elem('span')
804804
this.knobSpan = dom.create.elem('span')
805805

806806
// Assemble elems into parent div
807807
this.switchSpan.append(this.knobSpan)
808-
this.div.append(this.navicon, this.toggleInput, this.switchSpan, this.toggleLabel)
808+
this.div.append(this.navicon, this.toggleInput, this.toggleLabel, this.switchSpan)
809809

810810
// Stylize elems
811811
this.stylize() // create/append stylesheet
@@ -860,7 +860,6 @@
860860
position: relative ; width: 30px ; height: 15px ; border-radius: 28px ;
861861
background-color: var(--switch-disabled-bg-color) ;
862862
bottom: ${ firstLink ? '0.5px' : '-0.15em' } ;
863-
left: ${ env.browser.isMobile || firstLink ? 169 : 160 }px ;
864863
transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
865864
-o-transition: 0.4s ; -ms-transition: 0.4s }
866865
.${this.class} > span.enabled { /* switch on */
@@ -878,14 +877,14 @@
878877
background-color: var(--switch-disabled-bg-color) ; box-shadow: none }
879878
.${this.class} > span > span { /* knob span */
880879
position: absolute ; width: 12px ; height: 12px ; content: "" ; border-radius: 28px ;
881-
background-color: white ; left: 3px ; bottom: 1.25px ;
880+
background-color: white ; left: -3px ; bottom: 1.25px ;
882881
box-shadow: var(--knob-box-shadow) ;
883882
-webkit-box-shadow: var(--knob-box-shadow) ; -moz-box-shadow: var(--knob-box-shadow) ;
884883
transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
885884
-o-transition: 0.4s ; -ms-transition: 0.4s }
886885
.${this.class} > label { /* toggle label */
887886
cursor: pointer ; overflow: hidden ; text-overflow: ellipsis ; white-space: nowrap ;
888-
color: black ; width: 153px ; margin-left: -22px ;
887+
color: black ; padding: 0 12px ; flex-grow: 1 ;
889888
${ firstLink ? 'font-size: var(--text-sm)' : 'font-size: 0.875rem ; font-weight: 600' }}`
890889

891890
// Dark scheme mods

‎chatgpt-auto-refresh/greasemonkey/chatgpt-auto-refresh.user.js‎

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -220,7 +220,7 @@
220220
// @description:zu *NGOKUPHEPHA* susa ukusetha kabusha ingxoxo yemizuzu eyi-10 + amaphutha enethiwekhi ahlala njalo + Ukuhlolwa kwe-Cloudflare ku-ChatGPT.
221221
// @author Adam Lui
222222
// @namespace https://github.com/adamlui
223-
// @version 2025.5.13.3
223+
// @version 2025.5.13.4
224224
// @license MIT
225225
// @icon https://assets.chatgptautorefresh.com/images/icons/openai/black/icon48.png?v=f11a0a8
226226
// @icon64 https://assets.chatgptautorefresh.com/images/icons/openai/black/icon64.png?v=f11a0a8
@@ -796,14 +796,14 @@
796796
// Init toggle elems
797797
this.div = dom.create.elem('div', { class: this.class })
798798
this.navicon = dom.create.elem('img')
799-
this.toggleLabel = dom.create.elem('label')
800799
this.toggleInput = dom.create.elem('input')
800+
this.toggleLabel = dom.create.elem('label')
801801
this.switchSpan = dom.create.elem('span')
802802
this.knobSpan = dom.create.elem('span')
803803

804804
// Assemble elems into parent div
805805
this.switchSpan.append(this.knobSpan)
806-
this.div.append(this.navicon, this.toggleInput, this.switchSpan, this.toggleLabel)
806+
this.div.append(this.navicon, this.toggleInput, this.toggleLabel, this.switchSpan)
807807

808808
// Stylize elems
809809
this.stylize() // create/append stylesheet
@@ -851,7 +851,6 @@
851851
position: relative ; width: 30px ; height: 15px ; border-radius: 28px ;
852852
background-color: var(--switch-disabled-bg-color) ;
853853
bottom: ${ firstLink ? '0.5px' : '-0.15em' } ;
854-
left: ${ env.browser.isMobile || firstLink ? 169 : 160 }px ;
855854
transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
856855
-o-transition: 0.4s ; -ms-transition: 0.4s }
857856
.${this.class} > span.enabled { /* switch on */
@@ -869,14 +868,14 @@
869868
background-color: var(--switch-disabled-bg-color) ; box-shadow: none }
870869
.${this.class} > span > span { /* knob span */
871870
position: absolute ; width: 12px ; height: 12px ; content: "" ; border-radius: 28px ;
872-
background-color: white ; left: 3px ; bottom: 1.25px ;
871+
background-color: white ; left: -3px ; bottom: 1.25px ;
873872
box-shadow: var(--knob-box-shadow) ;
874873
-webkit-box-shadow: var(--knob-box-shadow) ; -moz-box-shadow: var(--knob-box-shadow) ;
875874
transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
876875
-o-transition: 0.4s ; -ms-transition: 0.4s }
877876
.${this.class} > label { /* toggle label */
878877
cursor: pointer ; overflow: hidden ; text-overflow: ellipsis ; white-space: nowrap ;
879-
color: black ; width: 153px ; margin-left: -22px ;
878+
color: black ; padding: 0 12px ; flex-grow: 1 ;
880879
${ firstLink ? 'font-size: var(--text-sm)' : 'font-size: 0.875rem ; font-weight: 600' }}`
881880

882881
// Dark scheme mods

‎chatgpt-auto-talk/greasemonkey/chatgpt-auto-talk.user.js‎

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -225,7 +225,7 @@
225225
// @description:zu Dlala izimpendulo ze-ChatGPT ngokuzenzakalela
226226
// @author Adam Lui
227227
// @namespace https://github.com/adamlui
228-
// @version 2025.5.13.3
228+
// @version 2025.5.13.4
229229
// @license MIT
230230
// @icon https://assets.chatgptautotalk.com/images/icons/openai/black/icon48.png?v=9f1ed3c
231231
// @icon64 https://assets.chatgptautotalk.com/images/icons/openai/black/icon64.png?v=9f1ed3c
@@ -750,14 +750,14 @@
750750
// Init toggle elems
751751
this.div = dom.create.elem('div', { class: this.class })
752752
this.navicon = dom.create.elem('img')
753-
this.toggleLabel = dom.create.elem('label')
754753
this.toggleInput = dom.create.elem('input')
754+
this.toggleLabel = dom.create.elem('label')
755755
this.switchSpan = dom.create.elem('span')
756756
this.knobSpan = dom.create.elem('span')
757757

758758
// Assemble elems into parent div
759759
this.switchSpan.append(this.knobSpan)
760-
this.div.append(this.navicon, this.toggleInput, this.switchSpan, this.toggleLabel)
760+
this.div.append(this.navicon, this.toggleInput, this.toggleLabel, this.switchSpan)
761761

762762
// Stylize elems
763763
this.stylize() // create/append stylesheet
@@ -806,7 +806,6 @@
806806
position: relative ; width: 30px ; height: 15px ; border-radius: 28px ;
807807
background-color: var(--switch-disabled-bg-color) ;
808808
bottom: ${ firstLink ? '0.5px' : '-0.15em' } ;
809-
left: ${ env.browser.isMobile || firstLink ? 169 : 160 }px ;
810809
transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
811810
-o-transition: 0.4s ; -ms-transition: 0.4s }
812811
.${this.class} > span.enabled { /* switch on */
@@ -824,14 +823,14 @@
824823
background-color: var(--switch-disabled-bg-color) ; box-shadow: none }
825824
.${this.class} > span > span { /* knob span */
826825
position: absolute ; width: 12px ; height: 12px ; content: "" ; border-radius: 28px ;
827-
background-color: white ; left: 3px ; bottom: 1.25px ;
826+
background-color: white ; left: -3px ; bottom: 1.25px ;
828827
box-shadow: var(--knob-box-shadow) ;
829828
-webkit-box-shadow: var(--knob-box-shadow) ; -moz-box-shadow: var(--knob-box-shadow) ;
830829
transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
831830
-o-transition: 0.4s ; -ms-transition: 0.4s }
832831
.${this.class} > label { /* toggle label */
833832
cursor: pointer ; overflow: hidden ; text-overflow: ellipsis ; white-space: nowrap ;
834-
color: black ; width: 153px ; margin-left: -22px ;
833+
color: black ; padding: 0 12px ; flex-grow: 1 ;
835834
${ firstLink ? 'font-size: var(--text-sm)' : 'font-size: 0.875rem ; font-weight: 600' }}`
836835

837836
// Dark scheme mods

0 commit comments

Comments
 (0)