From 4e23024c937212cac0632be43a9eacecf596a50e Mon Sep 17 00:00:00 2001 From: com02 Date: Fri, 17 Dec 2021 17:00:29 +0900 Subject: [PATCH] css --- src/main/webapp/css/default.css | 19 ++++++++++--------- src/main/webapp/css/media.css | 16 ++++++++-------- 2 files changed, 18 insertions(+), 17 deletions(-) diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 80ee3df5..acbc9c50 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -1381,19 +1381,20 @@ transform: rotate(45deg);} .noti-data .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;} .noti-data .list-accordion {border-top: 2px solid #000;} .noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;} -.noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;} -.noti-data .list-accordion .question span:last-child {padding-right: 50px;} +.noti-data .list-accordion .question span {display: inline-block;padding-left: 25px;height: 58px;line-height:58px;vertical-align: middle;text-align: left;float:left;} +.noti-data .list-accordion .question span:nth-of-type(2) {width:67%;overflow:hidden;} +.noti-data .list-accordion .question span:last-child {padding-right: 50px;width:5%;} .noti-data .list-accordion .question span unread {background:#376795;color:#fff;font-size:11px;padding:3px 5px;border-radius:3px;} -.noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 500;color: #000;} +.noti-data .list-accordion .question .type {background:none;width: 20%;box-sizing: border-box;padding-left: 65px;font-weight: 500;color: #000;} .noti-data .list-accordion .question .type::before {background: none;} .noti-data .list-accordion .question.on .type::before {background: none;} -.noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;} +.noti-data .list-accordion .question .date {font-size:12px;} .noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;} .noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;} .noti-data .list-accordion .question.on .type {font-weight: 500;} .noti-data .list-accordion .question.on .date {color:#fff;font-size:12px;} -.noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 250px;display: none;line-height: 1.8;text-align: left;} -.noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:235px;top:35px;} +.noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 300px;display: none;line-height: 1.8;text-align: left;} +.noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:280px;top:35px;} /* list 검색 */ @@ -1462,8 +1463,8 @@ transform: rotate(45deg);} .file-box .file-list span:nth-of-type(2) button {display:inline-block;width:auto;text-align:left;} .file-box .file-list span:nth-of-type(3) button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;} .view-body {border-bottom: 0px solid #000;text-align: initial;} -.view-con {line-height: 1.85;color: #666;width:96%;padding: 20px 2%;overflow:auto;letter-spacing: -.025em;min-height: 515px;border-bottom:1px solid #ddd;} -.view-con img {width:100%;} +.view-con {line-height: 1.85;color: #666;width:96%;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;border-bottom:1px solid #ddd;word-break: break-all;overflow:hidden;} +/*.view-con img {width:100%;}*/ .view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;} .view-body .attachments:after {content: "";display: block;clear: both;} .view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;} @@ -1474,7 +1475,7 @@ transform: rotate(45deg);} .view-body .answer .answer-top {font-size: 16px;color: #2781c1;padding:0px 2% 25px;border-bottom: 1px solid #ddd;display:inline-block;width:96%} .view-body .answer .answer-top .left {float:left;color:#333;font-weight: 400;} .view-body .answer .answer-top .right {float:right;color:#333;} -.view-body .answer .answer-con {padding: 20px 30px;} +.view-body .answer .answer-con {padding: 20px 30px;word-break: break-word;overflow:hidden;} .view-notice .view-pagination .type {width: 70px;} .view-pagination .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;} .view-pagination .status .complete {color: #fff;background: #2781c1;border: none;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 872c3117..9df24ea1 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -54,14 +54,14 @@ a.pop-logo img { margin-right: 10px; } .cart .inner .loan-confirm .tabs_item .list-cart-wrap { margin-bottom: 20px; } .cart .inner .loan-confirm .visit-text { color: #666666; font-size: 14px; font-weight: 400; text-align: left; margin-bottom: 40px; } .cart .inner .loan-confirm .visit-select-box select { height: 36px; line-height: 36px; padding: 0px 2%; border: 1px solid #ddd; border-radius: 3px; margin: 0 6px;background:#fff; } -.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion > span { float: left; } -.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap { display: flex; } -.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap .desc { position: relative; flex: 1; height: 20px; word-break: unset; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; line-height: 24px; } -.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion button { width: 64px; height: 28px; margin-right: 10px; background: #3e414a; border-radius: 30px; font-size: 12px; line-height: 18px; color: #ffffff; margin-top: -4px; } -.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .btn-hide { display: none; background: #909090; position: absolute; bottom: 0; right: 0; } -.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .desc { width: 100%; height: auto; word-break: break-all; padding-bottom: 30px; } -.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .btn-more { display: none; } -.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } +.data.detail .inner .row-top .center .right .data-info .de-data ul li.detail-accordion > span { float: left; } +.data.detail .inner .row-top .center .right .data-info .de-data ul li.detail-accordion .desc-wrap { display: flex; } +.data.detail .inner .row-top .center .right .data-info .de-data ul li.detail-accordion .desc-wrap .desc { position: relative; flex: 1; height: 20px; word-break: unset; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; line-height: 24px; } +.data.detail .inner .row-top .center .right .data-info .de-data ul li.detail-accordion button { width: 64px; height: 28px; margin-right: 10px; background: #3e414a; border-radius: 30px; font-size: 12px; line-height: 18px; color: #ffffff; margin-top: -2px; } +.data.detail .inner .row-top .center .right .data-info .de-data ul li.detail-accordion .btn-hide { display: none; background: #909090; position: absolute; bottom: 0; right: 0; } +.data.detail .inner .row-top .center .right .data-info .de-data ul li.detail-accordion.show .desc-wrap .desc { width: 100%; height: auto; word-break: break-all; padding-bottom: 30px; } +.data.detail .inner .row-top .center .right .data-info .de-data ul li.detail-accordion.show .desc-wrap .btn-more { display: none; } +.data.detail .inner .row-top .center .right .data-info .de-data ul li.detail-accordion.show .btn-hide { display: block; } .pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; }