키보드 접근성 개선, 레이아웃 코드 정리

This commit is contained in:
MinSoo Kim 2017-03-13 01:16:54 +09:00
parent b8fc82828d
commit 26ec403186
3 changed files with 8 additions and 5 deletions

View file

@ -118,9 +118,9 @@
<div class="layout_body layout_canvas">
<!--// CONTENT -->
<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']">
<h1 loop="$GNB->list=>$key1,$val1"><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']">
<section class="layout_left layout_dropdown" loop="$GNB->list=>$key1,$val1" cond="$layout_info->left_space == 'YM' && $val1['selected']">
<h1><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></h1>
<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>
<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>

View file

@ -81,6 +81,7 @@ $(function()
{
$( this ).focusin( function( event )
{
$('*[data-dropdown="active"]').css('display', '').attr('data-dropdown', '').parents('li.layout_dropdown').removeClass('layout_focus');
$( this ).addClass('layout_focus');
$( this ).find("ul.layout_dropdown-content").css('display', 'block').attr('data-dropdown', 'active');
});

View file

@ -113,9 +113,11 @@ header.layout_frame, footer.layout_frame, .layout_frame.layout_left_content .lay
padding: 14px 16px;
text-decoration: none;
color: #000;
&:hover, &:active, &:focus, &.active {
&.active {
background: #e0e0e0;
}
&:hover, &:active, &:focus {
background: #eeeeee;
outline: none;
}
}
}