Index: vue/src/assets/images/devops/DevSupport/github.png =================================================================== diff -u -r1c393474cd742094e9b499eb19909c61bce1aba6 -r7b7a2d240635afdbad71ac6abb7d366e9a1be282 --- vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision 1c393474cd742094e9b499eb19909c61bce1aba6) +++ vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision 7b7a2d240635afdbad71ac6abb7d366e9a1be282) @@ -3581,7 +3581,7 @@ margin: 0; list-style: none; position: relative; - padding: 1px 40px; + padding: 1px 0 0 65px; color: #fff; font-size: 13px; } @@ -3600,7 +3600,6 @@ background-color: rgba(255, 255, 255, 0.2); padding: 14px; border-radius: 6px; - width: 250px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.08); } @@ -3617,8 +3616,7 @@ position: absolute; } -.timeline-container .session > span:before, -.timeline-container .session > span:after { +.timeline-container .session > span:before { content: ""; width: 10px; height: 10px; @@ -3634,17 +3632,16 @@ height: 100%; } -.timeline-container .session .time-range span { +.timeline-container .session .time-range .date { position: absolute; font-size: 10px; top: 0; - left: -35px; + left: -65px; font-weight: bold; line-height: normal; } -.timeline-container .session > span:after, -.timeline-container .session .time-range .end { +.timeline-container .session > span:after { top: calc(100% - 5px); } Index: arms/js/analysisTime.js =================================================================== diff -u -r1c393474cd742094e9b499eb19909c61bce1aba6 -r7b7a2d240635afdbad71ac6abb7d366e9a1be282 --- arms/js/analysisTime.js (.../analysisTime.js) (revision 1c393474cd742094e9b499eb19909c61bce1aba6) +++ arms/js/analysisTime.js (.../analysisTime.js) (revision 7b7a2d240635afdbad71ac6abb7d366e9a1be282) @@ -384,25 +384,28 @@ makeVerticalTimeline([ { - title: "Codify", - content: `Let's make coolest things in css`, + title: "BaseVersion", + content: "요구 사항 이슈 1", type: "Presentation", - start: "10:00", - end: "12:00" + date: "2023-11-08" }, { - title: "Codify", - content: `Let's make coolest things in javascript`, + title: "", + content: "요구 사항 이슈 2", type: "Presentation", - start: "13:00", - end: "14:00" + date: "2023-11-29" }, { - title: "Codify", - content: `Let's make coolest things in css`, + title: "1.0", + content: "요구 사항 이슈 3", type: "Review", - start: "15:00", - end: "17:45" + date: "2023-12-01" + }, + { + title: "1.1", + content: "요구 사항 이슈 4", + type: "Review", + date: "2023-12-11" } ]); } @@ -1625,7 +1628,7 @@ const $container = document.querySelector(".timeline-container"); const $ul = document.createElement("ul"); - data.forEach(({ title, content, type, start, end }, index) => { + data.forEach(({ title, content, type, date }, index) => { const $li = document.createElement("li"); $li.className = "session"; $li.innerHTML = ` @@ -1635,8 +1638,7 @@
${type}
- ${start} - ${end} + ${date} `;