diff --git a/modules/admin/tpl/css/admin.css b/modules/admin/tpl/css/admin.css index 383be66f2..5ed5a17f0 100644 --- a/modules/admin/tpl/css/admin.css +++ b/modules/admin/tpl/css/admin.css @@ -247,12 +247,12 @@ to{-o-transform:rotate(360deg)} /* li>a */ .x>.xin>.body>.gnb>ul>li>a{padding:8px 5px 8px 10px;background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,from(#F1F1F1),to(#E8E8E8));background:-moz-linear-gradient(top,#F1F1F1,#E8E8E8);background:-o-linear-gradient(top,#F1F1F1,#E8E8E8)} .x>.xin>.body>.gnb>ul>li>a>i{display:inline-block;width:14px;height:14px;margin:-4px 4px 0 0;vertical-align:middle;opacity:.75;filter:alpha(opacity=75)} -.x>.xin>.body>.gnb>ul>li>a[href$="module=admin"]>i{background-position:-384px -144px} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispMenuAdminSiteMap"]>i{background-position:0 -24px} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispMemberAdminList"]>i{background-position:-168px 0} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispDocumentAdminList"]>i{background-position:-48px -48px} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispAdminConfigGeneral"]>i{background-position:-360px -144px} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispAdminTheme"]>i{background-position:-432px 0} +.x>.xin>.body>.gnb>ul>li[data-index="1"]>a>i{background-position:-384px -144px} +.x>.xin>.body>.gnb>ul>li[data-index="2"]>a>i{background-position:0 -24px} +.x>.xin>.body>.gnb>ul>li[data-index="3"]>a>i{background-position:-168px 0} +.x>.xin>.body>.gnb>ul>li[data-index="4"]>a>i{background-position:-48px -48px} +.x>.xin>.body>.gnb>ul>li[data-index="5"]>a>i{background-position:-360px -144px} +.x>.xin>.body>.gnb>ul>li[data-index="6"]>a>i{background-position:-432px 0} .x>.xin>.body>.gnb>ul>li>a[href="#favorite"]>i{background-position:-120px 0} .x>.xin>.body>.gnb>ul>li>a:hover, .x>.xin>.body>.gnb>ul>li>a:focus{background:#f6f6f6;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#F1F1F1));background:-moz-linear-gradient(top,#f6f6f6,#F1F1F1);background:-o-linear-gradient(top,#f6f6f6,#F1F1F1)} diff --git a/modules/admin/tpl/css/admin.min.css b/modules/admin/tpl/css/admin.min.css index bb60cae8a..8b44202c9 100644 --- a/modules/admin/tpl/css/admin.min.css +++ b/modules/admin/tpl/css/admin.min.css @@ -247,12 +247,12 @@ to{-o-transform:rotate(360deg)} /* li>a */ .x>.xin>.body>.gnb>ul>li>a{padding:8px 5px 8px 10px;background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,from(#F1F1F1),to(#E8E8E8));background:-moz-linear-gradient(top,#F1F1F1,#E8E8E8);background:-o-linear-gradient(top,#F1F1F1,#E8E8E8)} .x>.xin>.body>.gnb>ul>li>a>i{display:inline-block;width:14px;height:14px;margin:-4px 4px 0 0;vertical-align:middle;opacity:.75;filter:alpha(opacity=75)} -.x>.xin>.body>.gnb>ul>li>a[href$="module=admin"]>i{background-position:-384px -144px} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispMenuAdminSiteMap"]>i{background-position:0 -24px} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispMemberAdminList"]>i{background-position:-168px 0} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispDocumentAdminList"]>i{background-position:-48px -48px} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispAdminConfigGeneral"]>i{background-position:-360px -144px} -.x>.xin>.body>.gnb>ul>li>a[href*="act=dispAdminTheme"]>i{background-position:-432px 0} +.x>.xin>.body>.gnb>ul>li[data-index="1"]>a>i{background-position:-384px -144px} +.x>.xin>.body>.gnb>ul>li[data-index="2"]>a>i{background-position:0 -24px} +.x>.xin>.body>.gnb>ul>li[data-index="3"]>a>i{background-position:-168px 0} +.x>.xin>.body>.gnb>ul>li[data-index="4"]>a>i{background-position:-48px -48px} +.x>.xin>.body>.gnb>ul>li[data-index="5"]>a>i{background-position:-360px -144px} +.x>.xin>.body>.gnb>ul>li[data-index="6"]>a>i{background-position:-432px 0} .x>.xin>.body>.gnb>ul>li>a[href="#favorite"]>i{background-position:-120px 0} .x>.xin>.body>.gnb>ul>li>a:hover, .x>.xin>.body>.gnb>ul>li>a:focus{background:#f6f6f6;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#F1F1F1));background:-moz-linear-gradient(top,#f6f6f6,#F1F1F1);background:-o-linear-gradient(top,#f6f6f6,#F1F1F1)} diff --git a/modules/admin/tpl/js/admin.js b/modules/admin/tpl/js/admin.js index b1056cbf8..b14ab1b4a 100644 --- a/modules/admin/tpl/js/admin.js +++ b/modules/admin/tpl/js/admin.js @@ -94,48 +94,56 @@ jQuery(function($){ return false; }); // GNB - var $xBody = $('.x>.xin>.body'); - var $xContent = $xBody.children('#content.content'); - var $xGnb = $xBody.find('>.gnb'); - var $xGnb_li = $xGnb.find('>ul>li'); - // Add icon - $xGnb_li.find('a').prepend(''); - // Active Submenu Copy - $xGnb_li.find('>ul>li.active_').clone().addClass('active').prependTo('#gnbNav'); - // GNB Hover toggle - function reflow(){ // Browser bug fix & resize height - $xContent.width('99.99%'); - setTimeout(function(){ - $xContent.removeAttr('style'); - if($xGnb.height() > $xContent.height()){ - $xContent.height($xGnb.height()); - } - }, 100); - } - // GNB Click toggle - $xGnb_li.find('ul').prev('a') - .bind('click focus', function(){ - var $this = $(this); - $this.parent('li').addClass('open').siblings('li').removeClass('open'); - $xBody.removeClass('wide'); + function GNB(){ + var $xBody = $('.x>.xin>.body'); + var $xContent = $xBody.children('#content.content'); + var $xGnb = $xBody.find('>.gnb'); + var $xGnb_li = $xGnb.find('>ul>li'); + // Add icon + $xGnb_li.find('a').prepend(''); + // Active Submenu Copy + $xGnb_li.each(function(index){ + $(this).attr('data-index', index+1); + }); + var parentIndex = $xGnb_li.find('>ul>li.active_').closest('li.active').attr('data-index'); + $xGnb_li.find('>ul>li.active_').clone().addClass('active').attr('data-index', parentIndex).prependTo('#gnbNav'); + // Index + // GNB Hover toggle + function reflow(){ // Browser bug fix & resize height + $xContent.width('99.99%'); + setTimeout(function(){ + $xContent.removeAttr('style'); + if($xGnb.height() > $xContent.height()){ + $xContent.height($xGnb.height()); + } + }, 100); + } + // GNB Click toggle + $xGnb_li.find('ul').prev('a') + .bind('click focus', function(){ + var $this = $(this); + $this.parent('li').addClass('open').siblings('li').removeClass('open'); + $xBody.removeClass('wide'); + reflow(); + return false; + }); + // GNB Mobile Toggle + $xGnb.find('>a[href="#gnbNav"]').click(function(){ + $(this).parent('.gnb').toggleClass('open'); + $xBody.toggleClass('wide'); reflow(); return false; }); - // GNB Mobile Toggle - $xGnb.find('>a[href="#gnbNav"]').click(function(){ - $(this).parent('.gnb').toggleClass('open'); - $xBody.toggleClass('wide'); - reflow(); - return false; - }); - // GNB Close - $xGnb - .prepend('