Add chevrons in toggleable menus

This commit is contained in:
Eike Foken
2011-09-01 16:52:02 +02:00
parent 1d2ed9628e
commit 6f00a3129c
2 changed files with 8 additions and 2 deletions

View File

@@ -57,7 +57,7 @@
$active_project = $this->project->getById($this->input->get('active_project')); $active_project = $this->project->getById($this->input->get('active_project'));
?> ?>
<li> <li>
<a href="javascript:void(0);" onclick="$(this).parent().toggleClass('active').find('ul').slideToggle();"><?=_('Project');?> <?=$active_project['name'];?></a> <a href="javascript:void(0);" onclick="$(this).parent().toggleClass('active').find('ul').toggle();"><?=_('Project');?> <?=$active_project['name'];?></a>
<ul> <ul>
<li><a href="<?=site_url('projects/detail/' . $active_project['id']);?>" title="<?=_('Show overview');?>"><?=_('Overview');?></a></li> <li><a href="<?=site_url('projects/detail/' . $active_project['id']);?>" title="<?=_('Show overview');?>"><?=_('Overview');?></a></li>
<li><a href="<?=site_url('trials/create/' . $active_project['id']);?>" title="<?=sprintf(_('Create a new trial for the project &quot;%s&quot;'), $active_project['name']);?>"><?=_('New trial');?></a></li> <li><a href="<?=site_url('trials/create/' . $active_project['id']);?>" title="<?=sprintf(_('Create a new trial for the project &quot;%s&quot;'), $active_project['name']);?>"><?=_('New trial');?></a></li>

View File

@@ -178,6 +178,9 @@ div.error {
} }
.navigation ul li a { .navigation ul li a {
background: url(../images/icons/chevron-small.png) -2px center no-repeat;
padding-left: 16px;
margin-left: -7px;
color: #666; color: #666;
height: 100%; height: 100%;
width: 100%; width: 100%;
@@ -189,6 +192,7 @@ div.error {
} }
.navigation ul li.active a { .navigation ul li.active a {
background: url(../images/icons/chevron-small-expand.png) -2px center no-repeat;
color: #fff; color: #fff;
} }
@@ -205,6 +209,9 @@ div.error {
} }
.navigation ul li ul li a { .navigation ul li ul li a {
background: none;
padding: 0;
margin: 0;
color: #0088cc; color: #0088cc;
} }
@@ -310,7 +317,6 @@ div.error {
background: #fff; background: #fff;
border: 1px solid #e8e8e8; border: 1px solid #e8e8e8;
padding: 15px; padding: 15px;
height: 12px;
clear: both; clear: both;
} }