新型CSSの形態調整
This commit is contained in:
parent
326cd60733
commit
0c10bcc339
@ -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");
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user