-
- Index: arms/html/armsDetailExceptTemplate/assets/css/detail.css =================================================================== diff -u -r5b56d00b10fb6fc6317d746e1b5d8b8d1b74f581 -ra905b3c4fbe0bdeab85e0a82ba6115de5499e3fd --- arms/html/armsDetailExceptTemplate/assets/css/detail.css (.../detail.css) (revision 5b56d00b10fb6fc6317d746e1b5d8b8d1b74f581) +++ arms/html/armsDetailExceptTemplate/assets/css/detail.css (.../detail.css) (revision a905b3c4fbe0bdeab85e0a82ba6115de5499e3fd) @@ -1073,8 +1073,74 @@ font-size: 11px; color: #f8f8f8; } +/*-------------------------------------------------------------- +# 요구사항 상세 +--------------------------------------------------------------*/ +#detailview_req_contents{ + height:675px; +} +@media (max-width: 1400px){ + #detailview_req_contents{ + height:700px; + } +} +@media (max-width: 1220px){ + #detailview_req_contents{ + height:820px; + } +} + +@media (max-width: 1200px){ + #detailview_req_contents{ + height:915px; + } +} + +@media (max-width: 1030px){ + #detailview_req_contents{ + height:965px; + } +} + +.detailview_title{ + word-break: keep-all; +} + +.detail-item{ + border-radius: 3px; + padding: 12px 10px 12px 10px; +} + +.text-truncate { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.text-truncate:hover { + cursor: help; +} + +.text-truncate.show-full { + animation: slide-in 4s linear backwards; +} + +@keyframes slide-in { + from { text-indent: 0%; } + to { text-indent: -30%; } +} /*-------------------------------------------------------------- +# 요구사항 목록 +--------------------------------------------------------------*/ +#allreq_pdservice_name{ + color: #0563bb; +} +#allreq_pdservice_version{ + color: #0563bb; +} + +/*-------------------------------------------------------------- # 버전 --------------------------------------------------------------*/ .version .version-title { Index: arms/html/armsDetailExceptTemplate/assets/css/style.css =================================================================== diff -u -r5b56d00b10fb6fc6317d746e1b5d8b8d1b74f581 -ra905b3c4fbe0bdeab85e0a82ba6115de5499e3fd --- arms/html/armsDetailExceptTemplate/assets/css/style.css (.../style.css) (revision 5b56d00b10fb6fc6317d746e1b5d8b8d1b74f581) +++ arms/html/armsDetailExceptTemplate/assets/css/style.css (.../style.css) (revision a905b3c4fbe0bdeab85e0a82ba6115de5499e3fd) @@ -460,38 +460,9 @@ transition: 0.9s; background-color: #0563bb; } -/*-------------------------------------------------------------- -# 요구사항 상세 ---------------------------------------------------------------*/ -#detailview_req_contents{ - height:650px; -} -@media (max-width: 1400px){ - #detailview_req_contents{ - height:680px; - } -} -@media (max-width: 1200px){ - #detailview_req_contents{ - height:850px; - } -} -.detailview_title{ - word-break: keep-all; -} /*-------------------------------------------------------------- -# 요구사항 목록 ---------------------------------------------------------------*/ -#allreq_pdservice_name{ - color: #0563bb; -} -#allreq_pdservice_version{ - color: #0563bb; -} - -/*-------------------------------------------------------------- # Resume --------------------------------------------------------------*/ .resume .resume-title { Index: arms/js/detail.js =================================================================== diff -u -r5b56d00b10fb6fc6317d746e1b5d8b8d1b74f581 -ra905b3c4fbe0bdeab85e0a82ba6115de5499e3fd --- arms/js/detail.js (.../detail.js) (revision 5b56d00b10fb6fc6317d746e1b5d8b8d1b74f581) +++ arms/js/detail.js (.../detail.js) (revision a905b3c4fbe0bdeab85e0a82ba6115de5499e3fd) @@ -118,6 +118,9 @@ // 상세정보 탭 클릭 이벤트 reqDetailViewTabClick(); + // 요구사항 상세 탭 생략된 문장 마우스 호버시 전체 문장 확인 이벤트 + getFullTextFromTruncated(); + // 버전 상세정보 탭 클릭 이벤트 versionDetailViewTabClick(); @@ -308,7 +311,20 @@ getDetailViewTab(); }); } - +// ------------------ 잘린 텍스트 전체 확인 ------------------ // +function getFullTextFromTruncated(){ + var elements = document.querySelectorAll(".text-truncate, .text-truncate *"); + elements.forEach(element => { + element.addEventListener("mouseenter", () => { + element.classList.add("show-full"); + element.style.cursor = "help"; + }); + element.addEventListener("mouseleave", () => { + element.classList.remove("show-full"); + element.style.cursor = "default"; + }); + }); +} function getDetailViewTab() { if (callAPI("detailAPI")) { @@ -409,7 +425,10 @@ } else { $("#detailview_req_reviewer05").text(ajaxData.reqAdd_c_req_reviewer05); } + $("#detailview_req_contents").html(ajaxData.reqAdd_c_req_contents); + + } // ------------------ 버전 상세보기 ------------------ //