Fix stacked menu style.

This commit is contained in:
takezoe
2013-06-29 20:57:05 +09:00
parent c823b8df08
commit 800e11df0c
3 changed files with 75 additions and 20 deletions

View File

@@ -2,14 +2,16 @@
@import context._
<div class="row-fluid">
<div class="span3">
<ul class="nav nav-tabs nav-stacked">
<li@if(active=="users"){ class="active"}>
<a href="@path/admin/users">User Management</a>
</li>
<li@if(active=="system"){ class="active"}>
<a href="@path/admin/system">System Settings</a>
</li>
</ul>
<div class="box">
<ul class="nav nav-tabs nav-stacked">
<li@if(active=="users"){ class="active"}>
<a href="@path/admin/users">User Management</a>
</li>
<li@if(active=="system"){ class="active"}>
<a href="@path/admin/system">System Settings</a>
</li>
</ul>
</div>
</div>
<div class="span9">
@body

View File

@@ -3,17 +3,19 @@
@import view.helpers._
<div class="row-fluid">
<div class="span3">
<ul class="nav nav-tabs nav-stacked">
<li@if(active=="options"){ class="active"}>
<a href="@url(repository)/settings/options">Options</a>
</li>
<li@if(active=="collaborators"){ class="active"}>
<a href="@url(repository)/settings/collaborators">Collaborators</a>
</li>
<li@if(active=="delete"){ class="active"}>
<a href="@url(repository)/settings/delete">Delete Repository</a>
</li>
</ul>
<div class="box">
<ul class="nav nav-tabs nav-stacked">
<li@if(active=="options"){ class="active"}>
<a href="@url(repository)/settings/options">Options</a>
</li>
<li@if(active=="collaborators"){ class="active"}>
<a href="@url(repository)/settings/collaborators">Collaborators</a>
</li>
<li@if(active=="delete"){ class="active"}>
<a href="@url(repository)/settings/delete">Delete Repository</a>
</li>
</ul>
</div>
</div>
<div class="span9">
@body

View File

@@ -140,7 +140,7 @@ div.box-header-small {
div.box-content {
background-color: white;
border: 1px solid silver;
border: 1px solid #d8d8d8;
padding: 4px;
}
@@ -187,6 +187,57 @@ div.signin-form {
margin: 30px auto;
}
/****************************************************************************/
/* Stacked side menu */
/****************************************************************************/
ul.nav-stacked {
margin-bottom: 0px;
}
ul.nav-stacked li {
background-color: #f9f9f9;
}
ul.nav-stacked li a:hover {
background-color: white;
}
ul.nav-stacked li.active a {
background-color: white;
color: black;
font-weight: bold;
border-left: 2px solid #cc6666;
}
ul.nav-stacked li.active a:hover {
background-color: white;
color: black;
font-weight: bold;
border-left: 2px solid #cc6666;
}
.nav-tabs.nav-stacked > li:first-child > a {
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
}
.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
}
/****************************************************************************/
/* Repository Viewer */
/****************************************************************************/