mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-07 18:51:41 +09:00
GNB bugfix.
git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11871 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong
parent
3accbbd2d2
commit
945962fd6a
4 changed files with 106 additions and 90 deletions
|
|
@ -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)}
|
||||
|
|
|
|||
12
modules/admin/tpl/css/admin.min.css
vendored
12
modules/admin/tpl/css/admin.min.css
vendored
|
|
@ -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)}
|
||||
|
|
|
|||
|
|
@ -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('<i />');
|
||||
// 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('<i />');
|
||||
// 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('<button type="button" class="close before" />')
|
||||
.append('<button type="button" class="close after" />');
|
||||
$xGnb.find('>.close').focus(function(){
|
||||
$xBody.addClass('wide');
|
||||
reflow();
|
||||
});
|
||||
// GNB Close
|
||||
$xGnb
|
||||
.prepend('<button type="button" class="close before" />')
|
||||
.append('<button type="button" class="close after" />');
|
||||
$xGnb.find('>.close').focus(function(){
|
||||
$xBody.addClass('wide');
|
||||
reflow();
|
||||
});
|
||||
}
|
||||
GNB();
|
||||
// Default Language Selection
|
||||
$('.x #lang')
|
||||
.mouseleave(function(){
|
||||
|
|
|
|||
86
modules/admin/tpl/js/admin.min.js
vendored
86
modules/admin/tpl/js/admin.min.js
vendored
|
|
@ -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('<i />');
|
||||
// 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('<i />');
|
||||
// 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('<button type="button" class="close before" />')
|
||||
.append('<button type="button" class="close after" />');
|
||||
$xGnb.find('>.close').focus(function(){
|
||||
$xBody.addClass('wide');
|
||||
reflow();
|
||||
});
|
||||
// GNB Close
|
||||
$xGnb
|
||||
.prepend('<button type="button" class="close before" />')
|
||||
.append('<button type="button" class="close after" />');
|
||||
$xGnb.find('>.close').focus(function(){
|
||||
$xBody.addClass('wide');
|
||||
reflow();
|
||||
});
|
||||
}
|
||||
GNB();
|
||||
// Default Language Selection
|
||||
$('.x #lang')
|
||||
.mouseleave(function(){
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue