mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-04 01:01:41 +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">
|
||||
<!--// 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>
|
||||
|
|
|
|||
|
|
@ -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');
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue