From a305aa72028c2d4d40c53f0fad2c1fb991bc9d9e Mon Sep 17 00:00:00 2001
From: harukin-expo-dev-env <harukin@haruk.in>
Date: Wed, 11 Jun 2025 12:06:55 +0000
Subject: [PATCH] =?UTF-8?q?=E3=82=AF=E3=83=AA=E3=83=83=E3=82=AF=E3=82=A2?=
 =?UTF-8?q?=E3=83=8B=E3=83=A1=E3=83=BC=E3=82=B7=E3=83=A7=E3=83=B3=E3=82=92?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E3=80=81=E9=80=B2=E8=A1=8C=E6=96=B9=E5=90=91?=
 =?UTF-8?q?=E3=81=AB=E5=90=88=E3=82=8F=E3=81=9B=E3=81=9F=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E3=81=AE=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/webViewInjectjavascript.ts | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/lib/webViewInjectjavascript.ts b/lib/webViewInjectjavascript.ts
index 0409e6b..2bacd30 100644
--- a/lib/webViewInjectjavascript.ts
+++ b/lib/webViewInjectjavascript.ts
@@ -1247,9 +1247,10 @@ export const injectJavascriptData: InjectJavascriptData = (
     const returnText1 = (isWanman ? "ワンマン " : "") + trainName + viaData;
     const returnText2 = (ToData ? ToData+"行 " : ToData)+ TrainNumber;
     行き先情報.innerText = "";
-    行き先情報.insertAdjacentHTML('beforebegin', "<p style='font-size:10px;font-weight:bold;padding:0;color: black;'>" + returnText1 + "</p>");
-    行き先情報.insertAdjacentHTML('beforebegin', "<div style='display:inline-flex;flex-direction:column;'><p style='font-size:10px;font-weight: bold;padding:0;color:black;'>" + (ToData ? ToData + "行 " : ToData) + "</p><p style='font-size:10px;padding:0;color:black;'>" + TrainNumber + (JRF ? "":"レ") + "</p></div>");
-    行き先情報.insertAdjacentHTML('beforebegin', "<p style='font-size:10px;font-weight:bold;padding:0;color: "+(hasProblem ? "red":"black")+";'>" + (hasProblem ? "‼️停止中‼️" : "") + "</p>");
+    行き先情報.insertAdjacentHTML('beforebegin', "<p style='font-size:8px;font-weight:bold;padding:0;color: black;text-align:center;'>" + returnText1 + "</p>");
+    行き先情報.insertAdjacentHTML('beforebegin', "<p style='font-size:8px;font-weight:bold;padding:0;color:black;text-align:center;'>" + (ToData ? ToData + "行 " : ToData) + "</p>");
+    行き先情報.insertAdjacentHTML('beforebegin', "<p style='font-size:8px;padding:0;color:black;text-align:center;'>" + TrainNumber + (JRF ? "":"レ") + "</p>");
+    行き先情報.insertAdjacentHTML('beforebegin', "<p style='font-size:8px;font-weight:bold;padding:0;text-align:center;color: "+(hasProblem ? "red":"black")+";'>" + (hasProblem ? "‼️停止中‼️" : "") + "</p>");
   }
   `;
 
@@ -1265,16 +1266,27 @@ const setNewTrainItem = (element)=>{
   element.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';
   element.style.boxShadow = '0 0 4px rgba(0, 0, 0, 0.2)';
   element.style.margin = '2px';
-  
   element.style.display = 'flex';
-  element.style.flexDirection = 'column';
   element.style.alignItems = 'center';
-  element.style.justifyContent = 'center';
+  element.style.justifyContent = 'flex-end';
   element.style.width = '52px';
   element.style.height = '80px';
-  element.getElementsByTagName("p")[0].style.textAlign = "center";
-  element.getElementsByTagName("p")[0].style.fontSize = '8px';
   element.getElementsByTagName("img")[0].style.float = 'unset';
+  element.style.webkitTapHighlightColor = 'rgba(0, 0, 0, 0)';
+  element.style.transition = 'transform 0.1s ease-in-out';
+  element.addEventListener('touchstart', () => element.style.transform = 'scale(0.8)');
+  element.addEventListener('touchend', () => element.style.transform = 'scale(1)');
+  if(element.getAttribute("style").includes("left")){
+  // borderを使って五角形を生成 下り
+    element.style.borderRadius = '20% 20% 80% 80%';
+    element.style.flexDirection = 'column-reverse';
+  }
+  else if(element.getAttribute("style").includes("right")){
+  // borderを使って五角形を生成 上り
+    element.style.borderRadius = '80% 80% 20% 20%';
+    element.style.flexDirection = 'column';
+  }
+
 }
     //列番付与
 const setStrings = () =>{