Refine admin layout design

Improvement on #1056 by @misol

- 헤더에 불필요하게 크게 나오는 "Admin" 기본 문구를 톱니바퀴 아이콘으로 대체
- 모바일에서는 톱니바퀴 대신 햄버거 메뉴 아이콘을 표시하여 메뉴 토글 기능 부여
- 현재 선택된 메뉴를 좀더 분명히 구분할 수 있도록 색상 부여
- 색상 대비 개선 및 색상 일관성 개선
This commit is contained in:
Kijin Sung 2018-08-14 12:22:37 +09:00
parent 4ca3bdccc6
commit e804a43b4e
3 changed files with 79 additions and 64 deletions

View file

@ -142,8 +142,17 @@ jQuery(function($){
}
});
// GNB Mobile Toggle
$("a.mobile_menu_open").click(function(){
$xGnb.toggleClass('open');
if($(this).parent('.gnb').hasClass('open')){
setCookie('__xe_admin_gnb_status', 'open', d365);
}else{
setCookie('__xe_admin_gnb_status', 'close', d365);
}
return false;
});
$xGnb.find('>a[href="#gnbNav"]').click(function(){
$(this).parent('.gnb').toggleClass('open');
$xGnb.toggleClass('open');
$xBody.toggleClass('wide');
if($(window).width() <= 980 && !$xGnb.hasClass('open')){
$('#gnbNav').removeClass('ex');