fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-09 03:32:00 +09:00
Code Issues Projects Releases Packages Wiki Activity

GNB bugfix.

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11871 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-10-24 06:44:48 +00:00
parent 3accbbd2d2
commit 945962fd6a
4 changed files with 106 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

12
modules/admin/tpl/css/admin.css
View file

@ -247,12 +247,12 @@ to{-o-transform:rotate(360deg)}
/* li>a */ /* 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{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>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[data-index="1"]>a>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[data-index="2"]>a>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[data-index="3"]>a>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[data-index="4"]>a>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[data-index="5"]>a>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="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[href="#favorite"]>i{background-position:-120px 0}
.x>.xin>.body>.gnb>ul>li>a:hover, .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)} .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)}

12
modules/admin/tpl/css/admin.min.css vendored
View file

@ -247,12 +247,12 @@ to{-o-transform:rotate(360deg)}
/* li>a */ /* 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{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>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[data-index="1"]>a>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[data-index="2"]>a>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[data-index="3"]>a>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[data-index="4"]>a>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[data-index="5"]>a>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="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[href="#favorite"]>i{background-position:-120px 0}
.x>.xin>.body>.gnb>ul>li>a:hover, .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)} .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)}

86
modules/admin/tpl/js/admin.js
View file

@ -94,48 +94,56 @@ jQuery(function($){
return false; return false;
}); });
// GNB // GNB
var $xBody = $('.x>.xin>.body'); function GNB(){
var $xContent = $xBody.children('#content.content'); var $xBody = $('.x>.xin>.body');
var $xGnb = $xBody.find('>.gnb'); var $xContent = $xBody.children('#content.content');
var $xGnb_li = $xGnb.find('>ul>li'); var $xGnb = $xBody.find('>.gnb');
// Add icon var $xGnb_li = $xGnb.find('>ul>li');
$xGnb_li.find('a').prepend('<i />'); // Add icon
// Active Submenu Copy $xGnb_li.find('a').prepend('<i />');
$xGnb_li.find('>ul>li.active_').clone().addClass('active').prependTo('#gnbNav'); // Active Submenu Copy
// GNB Hover toggle $xGnb_li.each(function(index){
function reflow(){ // Browser bug fix & resize height $(this).attr('data-index', index+1);
$xContent.width('99.99%'); });
setTimeout(function(){ var parentIndex = $xGnb_li.find('>ul>li.active_').closest('li.active').attr('data-index');
$xContent.removeAttr('style'); $xGnb_li.find('>ul>li.active_').clone().addClass('active').attr('data-index', parentIndex).prependTo('#gnbNav');
if($xGnb.height() > $xContent.height()){ // Index
$xContent.height($xGnb.height()); // GNB Hover toggle
} function reflow(){ // Browser bug fix & resize height
}, 100); $xContent.width('99.99%');
} setTimeout(function(){
// GNB Click toggle $xContent.removeAttr('style');
$xGnb_li.find('ul').prev('a') if($xGnb.height() > $xContent.height()){
.bind('click focus', function(){ $xContent.height($xGnb.height());
var $this = $(this); }
$this.parent('li').addClass('open').siblings('li').removeClass('open'); }, 100);
$xBody.removeClass('wide'); }
// 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(); reflow();
return false; return false;
}); });
// GNB Mobile Toggle // GNB Close
$xGnb.find('>a[href="#gnbNav"]').click(function(){ $xGnb
$(this).parent('.gnb').toggleClass('open'); .prepend('<button type="button" class="close before" />')
$xBody.toggleClass('wide'); .append('<button type="button" class="close after" />');
reflow(); $xGnb.find('>.close').focus(function(){
return false; $xBody.addClass('wide');
}); reflow();
// GNB Close });
$xGnb }
.prepend('<button type="button" class="close before" />') GNB();
.append('<button type="button" class="close after" />');
$xGnb.find('>.close').focus(function(){
$xBody.addClass('wide');
reflow();
});
// Default Language Selection // Default Language Selection
$('.x #lang') $('.x #lang')
.mouseleave(function(){ .mouseleave(function(){

86
modules/admin/tpl/js/admin.min.js vendored
View file

@ -94,48 +94,56 @@ jQuery(function($){
return false; return false;
}); });
// GNB // GNB
var $xBody = $('.x>.xin>.body'); function GNB(){
var $xContent = $xBody.children('#content.content'); var $xBody = $('.x>.xin>.body');
var $xGnb = $xBody.find('>.gnb'); var $xContent = $xBody.children('#content.content');
var $xGnb_li = $xGnb.find('>ul>li'); var $xGnb = $xBody.find('>.gnb');
// Add icon var $xGnb_li = $xGnb.find('>ul>li');
$xGnb_li.find('a').prepend('<i />'); // Add icon
// Active Submenu Copy $xGnb_li.find('a').prepend('<i />');
$xGnb_li.find('>ul>li.active_').clone().addClass('active').prependTo('#gnbNav'); // Active Submenu Copy
// GNB Hover toggle $xGnb_li.each(function(index){
function reflow(){ // Browser bug fix & resize height $(this).attr('data-index', index+1);
$xContent.width('99.99%'); });
setTimeout(function(){ var parentIndex = $xGnb_li.find('>ul>li.active_').closest('li.active').attr('data-index');
$xContent.removeAttr('style'); $xGnb_li.find('>ul>li.active_').clone().addClass('active').attr('data-index', parentIndex).prependTo('#gnbNav');
if($xGnb.height() > $xContent.height()){ // Index
$xContent.height($xGnb.height()); // GNB Hover toggle
} function reflow(){ // Browser bug fix & resize height
}, 100); $xContent.width('99.99%');
} setTimeout(function(){
// GNB Click toggle $xContent.removeAttr('style');
$xGnb_li.find('ul').prev('a') if($xGnb.height() > $xContent.height()){
.bind('click focus', function(){ $xContent.height($xGnb.height());
var $this = $(this); }
$this.parent('li').addClass('open').siblings('li').removeClass('open'); }, 100);
$xBody.removeClass('wide'); }
// 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(); reflow();
return false; return false;
}); });
// GNB Mobile Toggle // GNB Close
$xGnb.find('>a[href="#gnbNav"]').click(function(){ $xGnb
$(this).parent('.gnb').toggleClass('open'); .prepend('<button type="button" class="close before" />')
$xBody.toggleClass('wide'); .append('<button type="button" class="close after" />');
reflow(); $xGnb.find('>.close').focus(function(){
return false; $xBody.addClass('wide');
}); reflow();
// GNB Close });
$xGnb }
.prepend('<button type="button" class="close before" />') GNB();
.append('<button type="button" class="close after" />');
$xGnb.find('>.close').focus(function(){
$xBody.addClass('wide');
reflow();
});
// Default Language Selection // Default Language Selection
$('.x #lang') $('.x #lang')
.mouseleave(function(){ .mouseleave(function(){