2606_UIUX_14 수정 내역
https://contents.k-village.co.kr/front/mobile/css/product.css
@@ -384,6 +384,7 @@ footer.direct button.full::before{transform:none} height: 100%; padding: 20px 20px 135px 20px; } +.basic-popup.size .cont-wrap--fit {padding-inline:0} .comment-pop.on .popup{max-height:100%;height:100%} .comment-pop .cont-wrap{overflow-y:auto;height:100%;padding:0 20px 126px 20px} .comment-pop .review-item{padding:0 20px 0 20px;border:none;margin:0 0 0 -20px} @@ -449,7 +450,7 @@ footer.direct button.full::before{transform:none} .text-info .list-menu li{border-bottom:1px solid #888} .text-info .list-menu li:first-child{border-top:1px solid #888} .basic-popup.filters .cont-wrap{overflow-y:auto;height:100%;padding:20px 20px 120px 20px} -.basic-popup.review-write .cont-wrap{overflow-y:auto;height:100%;padding:20px 20px 55px 20px;} +.basic-popup.review-write .cont-wrap{overflow-x:hidden;overflow-y:auto;height:100%;padding:20px 20px 55px 20px;} .fix-type2{position: fixed;bottom: 0;z-index: 10;width: 100%;} .popup-wrap .fix-type1,.popup-wrap .direct.fix-type1{position:fixed;bottom:-70px;width:100%;transition:all 0.3s;z-index:-1;height:0} .popup-wrap .fix-type2{height:0;z-index:1;} @@ -610,7 +611,7 @@ footer.direct button.full::before{transform:none} .reivew-step .type-06 + h4{border-top:1px solid #ddd;padding:30px 0 10px 0;} -.reivew-step{width:100%;padding: 0 20px;} +.reivew-step{width:100%;padding: 0 20px;box-sizing:border-box;} .review-write-tit{background:#f5f5f5;padding: 35px 20px 45px 20px;width: calc(100% + 40px);margin:-20px 0 -18px -20px} .review-write-tit p{font-size:13px;color:#888;} .review-step-nav{height:66px} @@ -626,7 +627,7 @@ margin: 0 0 10px 0;position: relative;z-index: 2;text-indent:-9999px;} .review-step-nav ul li.swiper-pagination-bullet-active span{border: 2px solid #ff5b37;color: #ff5b37;background:#fff;text-indent:0;line-height: 28px;font-size: 13px;font-weight: 600;} .review-step-nav ul li:nth-child(1).swiper-pagination-bullet-active:before{width: 20%;} .review-step-nav ul li:nth-child(2).swiper-pagination-bullet-active:before{width: 50%;} -.rv-swiper{width: calc(100% + 40px);margin: 0 0 0 -20px;} +.rv-swiper{width: calc(100% + 40px);margin: 0 0 0 -20px;overflow:hidden;} .reivew-step .filter-option h5 {font-size: 16px;padding: 16px 0 16px 0;text-align: center;} .reivew-step.rs2{margin:10px 0 0 0;} .reivew-step.rs3{margin:20px 0 0 0;} @@ -666,7 +667,7 @@ margin: 0 0 10px 0;position: relative;z-index: 2;text-indent:-9999px;} .inquire-item{padding:10px 0 15px 0} .inquire-item li{height:77px;padding:0 0 0 95px;position:relative;margin:5px 0 10px 0;font-size:13px;color:#888} .inquire-item .img-wrap{width:77px;height:77px;position:absolute;overflow:hidden;left:0;background:#f5f5f5;border:1px solid #ddd;text-align:center;line-height:69px} -.inquire-item .img-wrap img{width:100%} +.inquire-item .img-wrap img{width:100%;height: 100%;object-fit: contain;} .inquire-item .img-wrap.bin img{width:auto} .inquire-item p{} .inquire-item p strong{display:block;color:#555;font-size:11px;padding:3px 0 3px 0} @@ -679,6 +680,7 @@ margin: 0 0 10px 0;position: relative;z-index: 2;text-indent:-9999px;} .info-inquire{border:1px solid #ddd;padding:15px 15px;margin:10px 0} .info-inquire strong{color:#000} .inquire-attach{padding:0 0 30px 0} +.inquire-attach--fit {padding:0} .inquire-attach h4{font-size:15px;padding:15px 0 7px 0;font-weight:500} .inquire-attach .add-file {display:block;} .inquire-attach .add-file ul{display:inline-block;vertical-align: top;} @@ -687,7 +689,7 @@ margin: 0 0 10px 0;position: relative;z-index: 2;text-indent:-9999px;} .inquire-attach .add-file li{position:relative;margin:0 4px 6px 0;display:inline-block;} .inquire-attach .add-file li img{width:77px;height:77px;object-fit:cover} .inquire-attach .add-file li video{width:77px;height:77px;object-fit:cover} -.inquire-attach .add-file li .del{display:block;width:16px;height:16px;position:absolute;right:0;top:0;background:#000 url(https://contents.k-village.co.kr/front/pc/images/common/remove-white_new.svg) center center no-repeat;text-indent:-9999px;background-size:12px} +.inquire-attach .add-file li .del{display:block;width:16px;height:16px;position:absolute;right:0;top:0;background: url(https://contents.k-village.co.kr/front/pc/images/common/remove-white_new.svg) center center no-repeat;text-indent:-9999px;background-size:12px} .answer .inquire-attach{padding: 20px 0 0 20px;} .attach-btns{padding:0 0 10px 0} .attach-btns li{padding:0 0 10px 0}
html/MY-026_review_before.html
@@ -957,14 +957,7 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); <footer class="direct fix-type1"> <div class="flex full"> <div class="flex"> - <button class="btn-type-gray bright large" id="review-cancel"> - <div class="box"> - <span>취소</span> - </div> - </button> - </div> - <div class="flex"> - <button id="review-btn" class="btn-type-gray-s large"> + <button id="review-btn" class="btn-type-gray-s full large"> <div class="box"> <span id="review-btn-text">리뷰등록</span> </div> @@ -1016,14 +1009,7 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); <footer class="direct fix-type1"> <div class="flex full"> <div class="flex"> - <button class="btn-type-gray bright large atmt-cancel-btn"> - <div class="box"> - <span>취소</span> - </div> - </button> - </div> - <div class="flex"> - <button class="btn-type-normal large atmt-save-btn"> + <button class="btn-type-normal full large atmt-save-btn"> <div class="box"> <span>첨부완료</span> </div> @@ -1135,6 +1121,21 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </div> </div> <!-- //내 사이즈 등록 팝업--> + <script> + (function () { + function keepReviewPopupScrollLocked() { + if ($('.basic-popup.review-write.on.dim').filter(':visible').length) { + $('body').css('overflow', 'hidden'); + } + } + + $(document).on('click', '.popup-wrap.size .close, .popup-wrap.size .btn-type-normal.large.size', function () { + keepReviewPopupScrollLocked(); + setTimeout(keepReviewPopupScrollLocked, 350); + setTimeout(keepReviewPopupScrollLocked, 700); + }); + })(); + </script> <!-- 팝업 END --> <style> /* 비디오태그 추가 파일첨부 / 파일노출 */
https://contents.k-village.co.kr/front/mobile/js/goods/goods.js
@@ -4869,8 +4869,8 @@ function swipe3FxCustom($class){ var menu = ['1', '2', '3'] var slider = new Swiper($class, { loop: false, - //autoHeight: true, - speed : 1500, + autoHeight: true, + speed : 500, pagination: { el: '.swiper-pagination', clickable: true,