2023/10/27 카톡발송 > 카카오톡 설정 > 사용안내 - FAQ 두줄 시 틀어짐 오류 수정 - 기업회원 팝업 닫혔을때 마스크 노출 오류 수정
- FAQ 두줄 시 틀어짐 오류 수정 - 기업회원 팝업 닫혔을때 마스크 노출 오류 수정
@46d860f27e2a40244f9f5d149aeb40244fc49eb8
--- src/main/webapp/WEB-INF/jsp/web/kakao/stepinfo/KakaoStepInfo.jsp
+++ src/main/webapp/WEB-INF/jsp/web/kakao/stepinfo/KakaoStepInfo.jsp
... | ... | @@ -56,21 +56,21 @@ |
| 56 | 56 |
|
| 57 | 57 |
<!-- 기업회원 이동 팝업 --> |
| 58 | 58 |
<div class="tooltip-wrap cvt_member_popup_wrap"> |
| 59 |
- <div class="popup-com cvt_member_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close"> |
|
| 59 |
+ <div class="popup-com cvt_member_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close"> |
|
| 60 | 60 |
<div class="popup_heading"> |
| 61 | 61 |
<p>알림</p> |
| 62 |
- <button type="button" class="tooltip-close" data-focus="popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 62 |
+ <button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 63 | 63 |
</div> |
| 64 | 64 |
<div class="layer_in"> |
| 65 | 65 |
<p>카카오톡 알림톡은 기업회원만 전송 가능합니다.<br>기업회원 전환 페이지로 이동하시겠습니까?</p> |
| 66 | 66 |
<div class="popup_btn_wrap2"> |
| 67 | 67 |
<button type="button" onclick="location.href='/web/user/membershipChange.do'">확인</button> |
| 68 |
- <button type="button" class="tooltip-close" data-focus="popup01-close" data-focus-next="popup01">취소</button> |
|
| 68 |
+ <button type="button" class="tooltip-close" data-focus="popup02-close" data-focus-next="popup02">취소</button> |
|
| 69 | 69 |
</div> |
| 70 | 70 |
</div> |
| 71 | 71 |
</div> |
| 72 | 72 |
</div> |
| 73 |
-<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button> |
|
| 73 |
+<button type="button" id="btnDeptPop" data-tooltip="popup02" style="display: none;"></button> |
|
| 74 | 74 |
|
| 75 | 75 |
<!-- content 영역 --> |
| 76 | 76 |
<div class="inner"> |
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -885,11 +885,11 @@ |
| 885 | 885 |
.qna_cont .search_wrap .btn_left {float: right;}
|
| 886 | 886 |
.qna {width: 100%; border-top: 2px solid #000; margin: 23px 0 50px 0;}
|
| 887 | 887 |
/* 질문 */ |
| 888 |
-.qna li .question_text {font-family: 'GmarketSansMedium'; color: #002c9a; font-size: 22px; padding-right: 20px;}
|
|
| 889 |
-.qna li button {position: relative; width: 100%; height: 74px; padding: 0 30px; text-align: left; border-bottom: 1px solid #d5d5d5; box-sizing: border-box;}
|
|
| 888 |
+.qna li .question_text {width: 20px;font-family: 'GmarketSansMedium'; color: #002c9a; font-size: 22px; padding-right: 20px; vertical-align: top;margin: 4px 0 0 0;}
|
|
| 889 |
+.qna li button {position: relative; width: 100%; min-height: 74px; padding: 0 30px; text-align: left; border-bottom: 1px solid #d5d5d5; box-sizing: border-box;}
|
|
| 890 | 890 |
.qna li.open button::after {background-image: url(/publish/images/content/qna_close.png);width: 22px; height: 2px;}
|
| 891 | 891 |
.qna li button::after {background-image: url(/publish/images/content/qna_open.png); background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); content: ""; width: 22px; height: 22px; right: 30px;}
|
| 892 |
-.qna li button p {display: inline-block; font-size: 20px;}
|
|
| 892 |
+.qna li button p {display: inline-block; font-size: 20px; width: calc(100% - 80px);white-space: pre-wrap; word-break:break-all; }
|
|
| 893 | 893 |
/* 답변 */ |
| 894 | 894 |
.qna li .answer_text {font-family: 'GmarketSansMedium'; color: #eea301; font-size: 22px; padding-right: 20px; padding-top: 6px; vertical-align: top;}
|
| 895 | 895 |
.qna li .qna_answer {background-color: #f5f5f5; display: none; padding: 36px 30px; border-bottom: 1px solid #d5d5d5; display: none; box-sizing: border-box;}
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?