新型CSSの形態調整

This commit is contained in:
harukin-expo-dev-env 2025-07-18 15:18:33 +00:00
parent 326cd60733
commit 0c10bcc339

View File

@ -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");
});
}