新型CSSの形態調整

lib/webViewInjectjavascript.ts

@@ -1421,15 +1421,6 @@ const setStrings = () =>{
   try {
     const elements = document.querySelectorAll('#disp > div > div > div[onclick]');
     const setNewTrainItemUI = ()=>{
-      const elementBaseBase = document.querySelectorAll('[id^="stationBlock"]');
-      elementBaseBase.forEach(e=>{ //それぞれの駅ブロック横一列
-        e.style.display = 'flex';
-        e.style.height = "unset";
-        e.style.flexDirection = 'row';
-        //e.style.alignItems = "left";
-        e.style.justifyContent = 'center';
-        const x = e.querySelectorAll(':scope > div');//配下のdiv要素を選択
-        //x[0] 登りブロック x[2] 下りブロック x[1] 駅ブロック
       const aaa = (x2,pos) => {
         x2.style.display = 'flex';
         x2.style.flexDirection = 'row';
@@ -1468,10 +1459,32 @@ const setStrings = () =>{
           });
         });
       }
+      const layoutBase = (e)=>{
+        e.style.display = 'flex';
+        e.style.height = "unset";
+        e.style.flexDirection = 'row';
+        e.style.justifyContent = 'center';
+      }
+      const elementBaseBase = document.querySelectorAll('[id^="stationBlock"]');
+      const elementNotBase = document.querySelectorAll('#disp > [id*="～"]');
+      elementNotBase.forEach(e=>{
+        layoutBase(e);
+        const x = e.querySelectorAll(':scope > [id^="Up"], :scope > [id^="Id"], :scope > [id^="Down"]');//配下のdiv要素を選択
+        aaa(x[0],"left");
+        aaa2(x[1]);
+        aaa(x[2],"right");
+        const upTrainCrossBarElement = e.querySelector(':scope > [id="upTrainCrossBar"]');
+        if (upTrainCrossBarElement) {
+          upTrainCrossBarElement.style.left = '0px';
+        }
+      });
+      elementBaseBase.forEach(e=>{ //それぞれの駅ブロック横一列
+        layoutBase(e);
+        const x = e.querySelectorAll(':scope > div');//配下のdiv要素を選択
+        //x[0] 登りブロック x[2] 下りブロック x[1] 駅ブロック
         aaa(x[0],"left");
         aaa2(x[1]);
         aaa(x[2],"right");
-        
       });
     }