actix/actix-website
1
0
Fork 0
mirror of https://github.com/actix/actix-website synced 2024-11-30 19:14:36 +01:00
Code Issues Releases Wiki Activity

add language option at nav

Browse Source
This commit is contained in:
krircc 2018-06-24 03:14:26 +08:00
parent 2900da086c
commit 1cd36888c2
3 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/index.html
View File

@ -159,7 +159,7 @@
<div class="jumbotron"> <div class="jumbotron">
<div class="actix-jumbotron"> <div class="actix-jumbotron">
<img src="/img/logo-large.png" class="align-middle actix-logo" alt=""> <img src="/img/logo-large.png" class="align-middle actix-logo" alt="">
<p class="lead">Rust的actor系统和有趣的web框架</p> <p class="lead">Rust强大的actor系统和有趣的web框架</p>
</div> </div>
</div> </div>

7
layouts/partials/header.html
View File

@ -42,6 +42,13 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/code/">Code</a> <a class="nav-link" href="/code/">Code</a>
</li> </li>
<li class="nav-item" id="language">
<div id="lang">EN</div>
<ul class="subitem">
<li class="submenu-item"><a href="https://actix.rs">English</a></li>
<li class="submenu-item"><a href="https://actix.rs/cn">中文</a> </li>
</ul>
</li>
</ul> </ul>
</div> </div>
</nav> </nav>

18
static/css/actix.css
View File

@ -169,8 +169,19 @@ img {
line-height: 60px; line-height: 60px;
height: 60px; height: 60px;
padding-top: 0; padding-top: 0;
list-style: none;
}
.navbar-nav #language ul {
display: none;
}
.navbar-nav #language:hover .subitem {
margin: -1rem 0 0 -6.6rem;
display: block;
background-color: #e8f9fc;
}
.navbar-nav #language ul li {
display: block;
} }
.doctoggle { .doctoggle {
margin: -1rem 0 2rem 0; margin: -1rem 0 2rem 0;
display: none; display: none;
@ -560,6 +571,11 @@ h5:hover a {
.actix-footer-social a .fa-github { .actix-footer-social a .fa-github {
margin-right: 1rem; margin-right: 1rem;
} }
.navbar-nav #language:hover .subitem {
margin: 0 -2rem 0 -1rem;
display: block;
background-color: #e8f9fc;
}
} }
@media (min-width: 480px) and (max-width: 576px) { @media (min-width: 480px) and (max-width: 576px) {
header .nav { header .nav {