[펄스나인] 관리자모드 반응형(모바일)
반응형이라기는 좀 거창하고
그누보드 관리자는 모바일 접속이 불편해서 몇가지만 바꿔보았습니다.
@media max-width 1400px 일때
table은 모두 overflow-x:auto 로 가로로 스크롤 되게끔 처리했고
쿠키에 따른 메뉴 토글 부분을 모바일 is_mobile() 에서는 고정되도록 했습니다.
모바일에서 좌측 대메뉴를 클릭하는 경우 위로 겹쳐지면서 메뉴가 열리도록 이미 되어있어서
table 스크롤 외에 불편한 부분은 없는것 같습니다.
반응형이 아닌 환경 에서는
head.sub.php 파일의 PC 부분 뷰포트설정을 해주셔야 합니다.
39라인쯤 if (G5_IS_MOBILE) { 안에 있는 <meta name="viewport" ~ 부분 라인 전체를 복사하셔서
그 아래 } else { 안으로 추가 해주시면 되겠습니다.
처리가 안된 부분이 있으면 댓글 주세요.
틈틈히 업데이트 하겠습니다.
감사합니다.
-------------------------------------------
그누보드 5.4.13.1 버전에서 테스트 했고,
버전이 다르거나 커스텀 환경은 혹시모르니 파일업로드는 하지마시고
아래 코드를 넣어주시면 되겠습니다.
/adm/admin.head.php 70라인 부근 기존코드 수정
[code]
//기존
if( ! empty($_COOKIE['g5_admin_btn_gnb']) ){
$adm_menu_cookie['container'] = 'container-small';
$adm_menu_cookie['gnb'] = 'gnb_small';
$adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
}
//변경
if(is_mobile()) {
$adm_menu_cookie['container'] = 'container-small';
$adm_menu_cookie['gnb'] = 'gnb_small';
$adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
} else {
if( ! empty($_COOKIE['g5_admin_btn_gnb']) ){
$adm_menu_cookie['container'] = 'container-small';
$adm_menu_cookie['gnb'] = 'gnb_small';
$adm_menu_cookie['btn_gnb'] = 'btn_gnb_open';
}
}
[/code]
/adm/css/admin.css 마지막에 스타일 추가
[code]
@media all and (max-width:1400px) {
#container {min-width: 100%;}
.local_desc02 {min-width: 100%;}
.local_ov {min-width: 100%;}
.tbl_head01 table {min-width: 1100px;}
.tbl_frm01 table {min-width: 1100px;}
.tbl_head01 {overflow-x: auto; padding-bottom: 20px;}
.tbl_frm01 {overflow-x: auto; padding-bottom: 20px;}
#ft p {line-height: 20px; padding-top: 20px; font-size: 11px;}
.anchor a {margin-bottom: 3px;}
.tbl_frm01 th {min-width: 200px !important;}
}
[/code]
버전 정보
첨부파일
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 58개
이벤트 배너 이후에....
믿고 쓰는 펄스나인님의 자료입니다.^^
항상 좋은말씀 감사합니다~
불금되세요!
불금 되십시요!
편안한 주말 되세요!
댓글 감사합니다~!
도움이 되셨으면 좋겠습니다~~
잘 사용하겠습니다.
펄스나인님 최고!!
댓글 감사합니다~
기존코드가 바꼈을 수 있으니 확인한번 해보세요~
css수정만으로는 토큰에러가 뜰 수가 없어서 ㅠ