mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-22 05:15:29 +09:00
키보드 접근성 개선, 레이아웃 코드 정리
This commit is contained in:
parent
b8fc82828d
commit
26ec403186
3 changed files with 8 additions and 5 deletions
|
|
@ -118,9 +118,9 @@
|
||||||
<div class="layout_body layout_canvas">
|
<div class="layout_body layout_canvas">
|
||||||
<!--// CONTENT -->
|
<!--// CONTENT -->
|
||||||
<div class="layout_content layout_left_content" cond="in_array($layout_info->left_space, array('Y', 'YM'))">
|
<div class="layout_content layout_left_content" cond="in_array($layout_info->left_space, array('Y', 'YM'))">
|
||||||
<section class="layout_left layout_dropdown" cond="$layout_info->left_space == 'YM' && $val1['selected']">
|
<section class="layout_left layout_dropdown" loop="$GNB->list=>$key1,$val1" cond="$layout_info->left_space == 'YM' && $val1['selected']">
|
||||||
<h1 loop="$GNB->list=>$key1,$val1"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></h1>
|
<h1><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></h1>
|
||||||
<ul class="layout_dropdown-content" loop="$GNB->list=>$key1,$val1" cond="$val1['list']">
|
<ul class="layout_dropdown-content" cond="$val1['list']">
|
||||||
<li loop="$val1['list']=>$key2,$val2"><a href="{$val2['href']}" class="active"|cond="$val2['selected']" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
|
<li loop="$val1['list']=>$key2,$val2"><a href="{$val2['href']}" class="active"|cond="$val2['selected']" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
|
||||||
<ul cond="$val2['list']">
|
<ul cond="$val2['list']">
|
||||||
<li loop="$val2['list']=>$key3,$val3" class="active"|cond="$val3['selected']"><a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>
|
<li loop="$val2['list']=>$key3,$val3" class="active"|cond="$val3['selected']"><a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>
|
||||||
|
|
|
||||||
|
|
@ -81,6 +81,7 @@ $(function()
|
||||||
{
|
{
|
||||||
$( this ).focusin( function( event )
|
$( this ).focusin( function( event )
|
||||||
{
|
{
|
||||||
|
$('*[data-dropdown="active"]').css('display', '').attr('data-dropdown', '').parents('li.layout_dropdown').removeClass('layout_focus');
|
||||||
$( this ).addClass('layout_focus');
|
$( this ).addClass('layout_focus');
|
||||||
$( this ).find("ul.layout_dropdown-content").css('display', 'block').attr('data-dropdown', 'active');
|
$( this ).find("ul.layout_dropdown-content").css('display', 'block').attr('data-dropdown', 'active');
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -113,9 +113,11 @@ header.layout_frame, footer.layout_frame, .layout_frame.layout_left_content .lay
|
||||||
padding: 14px 16px;
|
padding: 14px 16px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #000;
|
color: #000;
|
||||||
&:hover, &:active, &:focus, &.active {
|
&.active {
|
||||||
|
background: #e0e0e0;
|
||||||
|
}
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
background: #eeeeee;
|
background: #eeeeee;
|
||||||
outline: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue