From feb3359f1969c9b6e4f5d80bfd42e5fdcd8dba2f Mon Sep 17 00:00:00 2001 From: com02 Date: Mon, 6 Dec 2021 17:29:51 +0900 Subject: [PATCH] =?UTF-8?q?=EC=A0=91=EA=B7=BC=EC=84=B1=20=EA=B2=8C?= =?UTF-8?q?=EC=8B=9C=ED=8C=90=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../WEB-INF/jsp/nlib/bbs/listAncmnts.jsp | 51 +++++++++++-------- .../WEB-INF/jsp/nlib/cmm/headerSubPart.jsp | 10 ++-- src/main/webapp/css/default.css | 38 +++++++------- src/main/webapp/css/media.css | 48 ++++++++--------- 4 files changed, 79 insertions(+), 68 deletions(-) diff --git a/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp b/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp index 5c0a7e8f..aed09a51 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp @@ -127,25 +127,25 @@ } // 기존 데이터 CLEAR - $( "ul.list-notice li").not('.t-tit-line').not('.no-result').remove(); + $( ".list-notice li").not('.t-tit-line').not('.no-result').remove(); if(!jsonObj.data || jsonObj.data.length <= 0 ) { - $("ul.list-notice li.no-result").show(); + $(".list-notice li.no-result").show(); } else { - $("ul.list-notice li.no-result").hide(); + $(".list-notice li.no-result").hide(); // 출력 $.each(jsonObj.data,function(key,obj) { - var li = $(document.createElement('li')); - li.append($('').attr('class', 't-num').html(obj.rno)); - li.append($('').attr('class', 't-tit').html("" + + var li = $(document.createElement('tr')); + li.append($('').attr('class', 't-num').html(obj.rno)); + li.append($('').attr('class', 't-tit').html("" + (obj.notiYn == "Y" ? '공지' : '') + obj.title + "")); - li.append($('').attr('class', 't-writer').html(obj.regNm)); - li.append($('').attr('class', 't-date').html(obj.regDd)); - li.append($('').attr('class', 't-file').html((obj.attachYn == "Y" ? '파일 아이콘' : ''))); + li.append($('').attr('class', 't-writer').html(obj.regNm)); + li.append($('').attr('class', 't-date').html(obj.regDd)); + li.append($('').attr('class', 't-file').html((obj.attachYn == "Y" ? '파일 아이콘' : ''))); - $( "ul.list-notice").append(li); + $( ".list-notice").append(li); }); } @@ -222,18 +222,25 @@
-
    -
  • - NO - 제목 - 등록자 - 등록일 - 첨부 -
    • - -
+ + + + + + + + + + + + + + + + + + +
NO제목등록자등록일첨부
    diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cmm/headerSubPart.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cmm/headerSubPart.jsp index c1738340..f4a0fc03 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/headerSubPart.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/headerSubPart.jsp @@ -45,11 +45,6 @@ function fn_getMemberCard() {
    검색 -
    - - - -
    +
    + + + +
    diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 46ecb802..bcba2cee 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -18,7 +18,7 @@ .wrap header .inner .search-wrap .search-close {display:none;} .wrap header .inner .search-wrap form {position: relative;margin:14px 0px;} .wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;} -.wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;} +.wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;z-index:99;} .wrap header .inner .search-wrap form .search-input {position: relative;} .wrap header .inner .search-wrap form .condition_sear select {border:0;padding: 0px 20px 0px 5px;font-weight: 500;color:#666;} .wrap header .inner .search-wrap .search-input .btn-search {background:#364d63;height:43px;width:43px;border-radius:3px;position: relative;left:-5px;} @@ -1407,26 +1407,28 @@ transform: rotate(45deg);} /* 커뮤니티 목록 */ .contents-frame {width:100%;} -.list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;} -.list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;} -.list-table-wrap li .t-num {width: 6%;} -.list-table-wrap li .t-type {width: 6%;} -.list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;} -.list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;} -.list-table-wrap li .t-tit a span {display:inline-block;margin-right:5px;background:#b68946;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;vertical-align:top;} -.list-table-wrap li .t-tit a:hover {text-decoration:none;} -.list-table-wrap li .t-writer {width: 10%;} -.list-table-wrap li .t-date {width: 10%;} -.list-table-wrap li .t-status {width: 10%;} -.list-table-wrap li .t-file {width:10%;} -.list-table-wrap li .t-answer {width:auto;} -.list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:14px;font-weight:400;background: #556676;} -.list-table-wrap .t-tit-line span {text-align: center;} -.list-table-wrap li .message {width: 100%;text-align: center;} +.list-table-wrap table {display: table;width:100%;box-sizing: border-box;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;} +.list-table-wrap table tbody tr {width: 100%;text-align: center;border-bottom: 1px solid #ddd;} +.list-table-wrap table th, +.list-table-wrap table td {display: table-cell;height: 60px;vertical-align: middle;} +.list-table-wrap table .t-num {width: 6%;} +.list-table-wrap table .t-type {width: 6%;} +.list-table-wrap table .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;} +.list-table-wrap table .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;} +.list-table-wrap table .t-tit a span {display:inline-block;margin-right:5px;background:#b68946;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;vertical-align:top;} +.list-table-wrap table .t-tit a:hover {text-decoration:none;} +.list-table-wrap table .t-writer {width: 10%;} +.list-table-wrap table .t-date {width: 10%;} +.list-table-wrap table .t-status {width: 10%;} +.list-table-wrap table .t-file {width:10%;} +.list-table-wrap table .t-answer {width:auto;} +.list-table-wrap table .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:14px;font-weight:400;background: #556676;} +.list-table-wrap table .t-tit-line span {text-align: center;} +.list-table-wrap table .message {width: 100%;text-align: center;} .list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;} .list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;} .list-table-wrap .list-qna .t-type {width: 175px;} -.list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;} +.list-table-wrap table tr:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;} /* 고정 글 */ diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 38d46f40..bdd93bff 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -790,30 +790,32 @@ footer .family_site {right:10px;} .list-select select { min-width: auto; width: 100%; } .list-table-wrap { border-top: 1px solid; } .list-table-wrap .t-tit-line { display: none; } - .list-table-wrap li { display: flex; align-items: center; padding: 10px;flex-wrap:wrap;font-size:14px; } - .list-table-wrap li.no-result { justify-content: center; } - .list-table-wrap li span { height: auto; } - .list-table-wrap li .t-num { font-size: 12px; } - .list-table-wrap li .t-type { width: auto; font-size: 12px; padding: 0 16px 0 0; } - .list-table-wrap li .t-type span { padding: 4px 10px; margin-left: 16px; } - .list-table-wrap li span.t-wrap { flex-direction: column; height: auto; flex: 1; align-items: flex-start; font-size: 14px; line-height: 21px; } - .list-table-wrap li .t-tit { width: 100%; margin-bottom: 6px; } - .list-table-wrap li span.t-info > span { width: auto; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; line-height: 1; } - .list-table-wrap li span.t-info > span:last-child { padding: 0; margin: 0; border: none; } + /* + .list-table-wrap table { display: flex; align-items: center; padding: 10px;flex-wrap:wrap;font-size:14px; } + .list-table-wrap table .no-result { justify-content: center; } + .list-table-wrap table td { height: auto; } + .list-table-wrap table .t-num { font-size: 12px; } + .list-table-wrap table .t-type { width: auto; font-size: 12px; padding: 0 16px 0 0; } + .list-table-wrap table .t-type span { padding: 4px 10px; margin-left: 16px; } + .list-table-wrap table .t-wrap { flex-direction: column; height: auto; flex: 1; align-items: flex-start; font-size: 14px; line-height: 21px; } + .list-table-wrap table .t-tit { width: 100%; margin-bottom: 6px; } + .list-table-wrap table .t-info > span { width: auto; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; line-height: 1; } + .list-table-wrap table .t-info > span:last-child { padding: 0; margin: 0; border: none; } + */ + .list-table-wrap table .t-num { position: absolute;left:0px;top:22px; } + .list-table-wrap table .t-type { position: absolute;left:40px; } + .list-table-wrap table .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } + .list-table-wrap table .t-file {height:18px;line-height:18px;} + .list-table-wrap table .t-writer, + .list-table-wrap table .t-date, + .list-table-wrap table .t-file, + .list-table-wrap table .t-answer { width: auto;position:relative;left:40px; } + .list-table-wrap table .t-file {left:50px} + .list-table-wrap table .t-writer { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } + .list-table-wrap table .t-tit {display:flex;} - .list-table-wrap li .t-num { position: absolute; } - .list-table-wrap li .t-type { position: absolute;left:40px; } - .list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; } - .list-table-wrap li .t-writer { padding-left: 40px; } - .list-table-wrap li .t-file {height:18px;line-height:18px;} - .list-table-wrap li .t-writer, - .list-table-wrap li .t-date, - .list-table-wrap li .t-file, - .list-table-wrap li .t-answer { width: auto; } - .list-table-wrap li .t-writer { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } - - .list-table-wrap li .t-tit {display:flex;} - + .list-table-wrap table tbody tr {position:relative;text-align:left;display:inline-block;padding:10px 0px;} + .list-table-wrap table th, .list-table-wrap table td {display: inline-block;height: auto;} /* 공지사항 상세 */ .view-tit { position: relative; padding-left: 18px; box-sizing: border-box;display:inline-block;width:100%;}