친구톡 > 대체문자 장문, 단문, 포토문자 일 경우 textarea height 조정
This commit is contained in:
subsub
parent
4cba7e1885
commit
4cea36d8fa
@ -1771,12 +1771,17 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
|||||||
.kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;}
|
.kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;}
|
||||||
.kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
|
.kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
|
||||||
.kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
|
.kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
|
||||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;}
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{position:relative;height: 234px;}
|
||||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long{height: 305px;}
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long{height: 305px;}
|
||||||
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.photo{height: 385px;}
|
||||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left textarea{padding:0 5px;}
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left textarea{padding:0 5px;}
|
||||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 105px);}
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 82px);}
|
||||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long textarea{height: 220px;}
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short .ad_txt+textarea{height: calc(100% - 105px);}
|
||||||
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long textarea{height: calc(100% - 61px);}
|
||||||
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long .ad_txt+textarea{height: calc(100% - 86px);}
|
||||||
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.photo .ad_txt+textarea{height: calc(100% - 184px);}
|
||||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .sub_ad_text p{padding:3px 10px 0 0;}
|
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .sub_ad_text p{padding:3px 10px 0 0;}
|
||||||
|
|
||||||
.kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
|
.kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
|
||||||
.kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
|
.kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
|
||||||
.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
|
.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
|
||||||
|
|||||||
@ -542,16 +542,27 @@ $(document).ready(function () {
|
|||||||
"height": "calc(100% - 18px)"
|
"height": "calc(100% - 18px)"
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$(".friend_talk_wrap .replace_send_wrap .put_left").each(function(idx, itm){
|
||||||
|
if($(itm).is(".short") == true){
|
||||||
|
//단문일 경우
|
||||||
|
$(itm).find("textarea").css({
|
||||||
|
"height": "calc(100% - 79px)"
|
||||||
|
});
|
||||||
|
}else if($(itm).is(".photo") == true){
|
||||||
|
//포토문자일 경우
|
||||||
|
$(itm).find("textarea").css({
|
||||||
|
"height": "calc(100% - 146px)"
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
// 장문일 경우
|
||||||
|
$(itm).find("textarea").css({
|
||||||
|
"height": "calc(100% - 59px)"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
if($(".friend_talk_wrap .replace_send_wrap .put_left").is(".short") == true){
|
|
||||||
$(".friend_talk_wrap .replace_send_wrap textarea").css({
|
|
||||||
"height": "calc(100% - 79px)"
|
|
||||||
});
|
|
||||||
}else{
|
|
||||||
$(".friend_talk_wrap .replace_send_wrap textarea").css({
|
|
||||||
"height": "calc(100% - 59px)"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();
|
$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();
|
||||||
|
|||||||
@ -778,15 +778,13 @@
|
|||||||
<!-- 업로드한 이미지의 썸네일 영역 -->
|
<!-- 업로드한 이미지의 썸네일 영역 -->
|
||||||
<ul class="thumb_wrap liOnImg ui-sortable"></ul>
|
<ul class="thumb_wrap liOnImg ui-sortable"></ul>
|
||||||
<!-- //업로드한 이미지의 썸네일 영역 -->
|
<!-- //업로드한 이미지의 썸네일 영역 -->
|
||||||
<div class="ad_txt" style="">
|
|
||||||
<p>(광고)</p>
|
|
||||||
</div>
|
|
||||||
<label for="smsTxtArea" class="label"></label>
|
<label for="smsTxtArea" class="label"></label>
|
||||||
|
<div class="ad_txt">
|
||||||
|
<p>(광고)</p>
|
||||||
|
</div>
|
||||||
<textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
|
<textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
|
||||||
|
|
||||||
<div class="text_length">
|
<div class="text_length">
|
||||||
<div class="sub_ad_text">
|
|
||||||
<p>무료거부 0808800858</p>
|
|
||||||
</div>
|
|
||||||
<div name="afterDeny">
|
<div name="afterDeny">
|
||||||
<p>
|
<p>
|
||||||
<span class="fwMd" id="msgLeng">0 /
|
<span class="fwMd" id="msgLeng">0 /
|
||||||
@ -805,7 +803,99 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p> -->
|
<p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>내용</th>
|
||||||
|
<td class="putText">
|
||||||
|
<div class="clearfix">
|
||||||
|
<div class="put_left long">
|
||||||
|
<!-- 업로드한 이미지의 썸네일 영역 -->
|
||||||
|
<ul class="thumb_wrap liOnImg ui-sortable"></ul>
|
||||||
|
<!-- //업로드한 이미지의 썸네일 영역 -->
|
||||||
|
<label for="smsTxtArea" class="label"></label>
|
||||||
|
<div class="ad_txt">
|
||||||
|
<p>(광고)</p>
|
||||||
|
</div>
|
||||||
|
<textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
|
||||||
|
<div class="text_length">
|
||||||
|
<div name="afterDeny">
|
||||||
|
<p>
|
||||||
|
<span class="fwMd" id="msgLeng">0 /
|
||||||
|
</span>
|
||||||
|
<span class="c_002c9a fwMd" id="limitLeng">90</span>byte
|
||||||
|
</p>
|
||||||
|
<span class="msg_com msg_short">장문</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="put_right">
|
||||||
|
<button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
|
||||||
|
<div class="send_btnWrap">
|
||||||
|
<button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>내용</th>
|
||||||
|
<td class="putText">
|
||||||
|
<div class="clearfix">
|
||||||
|
<div class="put_left photo">
|
||||||
|
<!-- 업로드한 이미지의 썸네일 영역 -->
|
||||||
|
<ul class="thumb_wrap ui-sortable">
|
||||||
|
<li class="on ui-sortable-handle">
|
||||||
|
<div>
|
||||||
|
<img src="/publish/images/content/thumb1.jpg" alt="thumb1">
|
||||||
|
</div>
|
||||||
|
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
|
||||||
|
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
|
||||||
|
</li>
|
||||||
|
<li class="ui-sortable-handle">
|
||||||
|
<div>
|
||||||
|
<img src="/publish/images/content/thumb2.jpg" alt="thumb1">
|
||||||
|
</div>
|
||||||
|
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
|
||||||
|
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
|
||||||
|
</li>
|
||||||
|
<li class="ui-sortable-handle">
|
||||||
|
<div>
|
||||||
|
<img src="/publish/images/content/thumb3.jpg" alt="thumb1">
|
||||||
|
</div>
|
||||||
|
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
|
||||||
|
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- //업로드한 이미지의 썸네일 영역 -->
|
||||||
|
<label for="smsTxtArea" class="label"></label>
|
||||||
|
<div class="ad_txt">
|
||||||
|
<p>(광고)</p>
|
||||||
|
</div>
|
||||||
|
<textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
|
||||||
|
<div class="text_length">
|
||||||
|
<div name="afterDeny">
|
||||||
|
<p>
|
||||||
|
<span class="fwMd" id="msgLeng">0 /
|
||||||
|
</span>
|
||||||
|
<span class="c_002c9a fwMd" id="limitLeng">90</span>byte
|
||||||
|
</p>
|
||||||
|
<span class="msg_com msg_short">그림</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="put_right">
|
||||||
|
<button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
|
||||||
|
<div class="send_btnWrap">
|
||||||
|
<button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user