갤러리 게시판 모바일에 가로 2개 출력하기
갤러리 게시판에서, 현재는 그냥 하나씩 세로로 쭈루룩 내리 나오는데요.
금방 발견을 했는데,
apms-basic/list/gallery/list.css에서 Responsive 부분을 아래처럼 하니간, 가로로 두개씩 나오네요.
즉 .responsive .list-row { width:50% !important } 이 부분에 너비 100%를 50%로 하고, 제목 부분을 자동을 짤라주니 되네요.
/* Responsive */
@media all and (max-width:767px) {
.responsive .list-row { width:50% !important }
.responsive .list-item h2 { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size:14px; line-height:22px; margin:10px 5px; text-align:center; }
}
@media all and (max-width:420px) {
.responsive .list-row { width:50% !important }
.responsive .list-item h2 { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size:14px; line-height:22px; margin:10px 5px; text-align:center; }
}
라이트 박스 게시판 상기처럼 수정을 하면 똑 같이 적용 됩니다.
일단은 이상이 없이 잘 되는걸 보니, 문제는 없는듯 합니다.