[XE] 스케치북 게시판 모바일접속시 대댓글 우측으로 밀리지 않게하기
모바일 접속시 댓글에 대댓글이 지속적으로 달릴경우 모바일상에서 댓글들이 우측으로 지속적으로 밀리게 됩니다. 이때 대댓글이 많아지게 되면 아래 이미지와 같이 밀리게 되는데 밀리지 않고 출력시키는 방법입니다.
(참고로 스케치북 게시판 모바일스킨의 설명기준은 쉬운설치로 설치한 m.sketchbook5가 아니며 sketchbook5Mobile 기준입니다. 차후에 수정방법을 다시 올리도록 하겠습니다.)
http://code.google.com/p/sketchbooks-xe/downloads/listViewer
모바일 댓글.gif
1. 스케치북 게시판 및 xe_official 스킨파일 수정하기
modules/board/m.skins/sketchbook5Mobile/comment.html 열고 2번째 줄에
<li loop="$oDocument->getComments()=>$key,$comment" id="comment_{$comment->comment_srl}" class="fdb_itm clear<!--@if($comment->get('depth'Viewer))--> re bg{($comment->get('depth'))%2}<!--@endViewer-->" style="margin-left:{($comment->get('depth'))*15}px">
<li loop="$oDocument->getComments()=>$key,$comment" id="comment_{$comment->comment_srl}" class="fdb_itm clear<!--@if($comment->get('depth'Viewer))--> re bg{($comment->get('depth'))%2}<!--@endViewer-->" style="margin-left:{($comment->get('depth'))*1}px">
보라색 부분을 빨간색코드로 수정
2. CSS 파일에서 re 아이콘 위치 변경하기
modules/board/m.skins/sketchbook5Mobile/css/board.css 열고 236 라인에
.fdb_itm.re:hover{background:none}
.ico_16px.re{position:absolute;top:12px;left:40px}
.fdb_itm .profile{margin-left:-65px}
.fdb_itm .xe_content{font-size:12px}
.fdb_itm .meta{margin-bottom:3px}
.fdb_itm.re:hover{background:none}
.ico_16px.re{position:absolute;top:-5px;left:60px}
.fdb_itm .profile{margin-left:-65px}
.fdb_itm .xe_content{font-size:12px}
.fdb_itm .meta{margin-bottom:3px}
보라색 부분을 빨간색코드로 수정