From 2d4531099eee09984568d23e6882509ec2fc29b4 Mon Sep 17 00:00:00 2001
From: Meng-Heng <havmengheng111@gmail.com>
Date: Tue, 23 Dec 2025 12:26:26 +0700
Subject: [PATCH 1/3] chore: new style for language switcher on scroll

---
 cdn/dev/css/template.css |  7 +++++++
 cdn/dev/js/kmlive.js     | 12 ++----------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/cdn/dev/css/template.css b/cdn/dev/css/template.css
index 8887da20..6fc652e8 100644
--- a/cdn/dev/css/template.css
+++ b/cdn/dev/css/template.css
@@ -676,6 +676,13 @@ input[type="search"] {
 	display: none;
 }
 
+.help1-on-scroll {
+	display: flex !important;
+	flex-direction: row;
+	align-items: center;
+	top: 10px !important;
+}
+
 #help1 form {
 	float: left;
 }
diff --git a/cdn/dev/js/kmlive.js b/cdn/dev/js/kmlive.js
index 1068d728..67755377 100644
--- a/cdn/dev/js/kmlive.js
+++ b/cdn/dev/js/kmlive.js
@@ -55,23 +55,15 @@ function loaded(){
       if ($(this).scrollTop() >= scroller_anchor && $('#top-menu1').css('position') != 'fixed'){
 	$('#top-menu1').addClass('faded-menu');
 	$('#top-menu-icon,#help1').fadeIn();
+  $('#top-menu-icon,#help1').addClass('help1-on-scroll');
 	$('.info-left').addClass('fixed-pos');
       }else if ($(this).scrollTop() < (scroller_anchor + 1) && $('#top-menu1').css('position') != 'absolute'){
 	$('#top-menu1').removeClass('faded-menu');
 	$('#top-menu-icon,#help1').hide();
+  $('#top-menu-icon,#help1').removeClass('help1-on-scroll');
 	$('.info-left').removeClass('fixed-pos');
       }
     });
-    var scroller_anchor = $(".header").height();
-    if ($(this).scrollTop() >= scroller_anchor && $('#top-menu1').css('position') != 'fixed'){
-      $('#top-menu1').addClass('faded-menu');
-      $('#top-menu-icon,#help1').show();
-      $('.info-left').addClass('fixed-pos');
-    }else if ($(this).scrollTop() < (scroller_anchor + 1) && $('#top-menu1').css('position') != 'absolute'){
-      $('#top-menu1').removeClass('faded-menu');
-      $('#top-menu-icon,#help1').hide();
-      $('.info-left').removeClass('fixed-pos');
-    }
   }
 
   $('#show-phone-menu').click(function(event) {

From 8e1bf62852d4e9e759df65bd3ae6fda4c669e917 Mon Sep 17 00:00:00 2001
From: Meng-Heng <havmengheng111@gmail.com>
Date: Tue, 23 Dec 2025 12:35:49 +0700
Subject: [PATCH 2/3] chore: fix mistake

---
 cdn/dev/js/kmlive.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/cdn/dev/js/kmlive.js b/cdn/dev/js/kmlive.js
index 67755377..cd511a35 100644
--- a/cdn/dev/js/kmlive.js
+++ b/cdn/dev/js/kmlive.js
@@ -64,8 +64,19 @@ function loaded(){
 	$('.info-left').removeClass('fixed-pos');
       }
     });
+    var scroller_anchor = $(".header").height();
+    if ($(this).scrollTop() >= scroller_anchor && $('#top-menu1').css('position') != 'fixed'){
+      $('#top-menu1').addClass('faded-menu');
+      $('#top-menu-icon,#help1').show();
+      $('.info-left').addClass('fixed-pos');
+    }else if ($(this).scrollTop() < (scroller_anchor + 1) && $('#top-menu1').css('position') != 'absolute'){
+      $('#top-menu1').removeClass('faded-menu');
+      $('#top-menu-icon,#help1').hide();
+      $('#top-menu-icon,#help1').removeClass('help1-on-scroll');
+      $('.info-left').removeClass('fixed-pos');
+    }
   }
-
+  
   $('#show-phone-menu').click(function(event) {
     $("#phone-menu").toggleClass('menu-visible');
   });

From a2b6b2d32f56e1aba27ad5a0c84d2a449561c410 Mon Sep 17 00:00:00 2001
From: Meng-Heng <havmengheng111@gmail.com>
Date: Tue, 23 Dec 2025 13:04:45 +0700
Subject: [PATCH 3/3] chore: add class

---
 cdn/dev/js/kmlive.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cdn/dev/js/kmlive.js b/cdn/dev/js/kmlive.js
index cd511a35..e63e16de 100644
--- a/cdn/dev/js/kmlive.js
+++ b/cdn/dev/js/kmlive.js
@@ -68,6 +68,7 @@ function loaded(){
     if ($(this).scrollTop() >= scroller_anchor && $('#top-menu1').css('position') != 'fixed'){
       $('#top-menu1').addClass('faded-menu');
       $('#top-menu-icon,#help1').show();
+      $('#top-menu-icon,#help1').addClass('help1-on-scroll');
       $('.info-left').addClass('fixed-pos');
     }else if ($(this).scrollTop() < (scroller_anchor + 1) && $('#top-menu1').css('position') != 'absolute'){
       $('#top-menu1').removeClass('faded-menu');
@@ -76,7 +77,6 @@ function loaded(){
       $('.info-left').removeClass('fixed-pos');
     }
   }
-  
   $('#show-phone-menu').click(function(event) {
     $("#phone-menu").toggleClass('menu-visible');
   });