feat: Hide version in navbar when md

This commit is contained in:
1ambda 2017-05-26 14:13:44 +09:00
parent f8bab52beb
commit b9ce256ffd
2 changed files with 28 additions and 26 deletions

View file

@ -1,5 +1,5 @@
<div id="menu" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="container navbar-container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
@ -25,17 +25,17 @@
<ul class="dropdown-menu">
<li class="title"><span>Getting Started</span></li>
<li><a href="">Install</a></li>
<li role="separator" class="divider"></li>
<li class="title"><span>Tutorial</span></li>
<li><a href="">Spark</a></li>
<li><a href="">JDBC</a></li>
<li><a href="">Python</a></li>
<li><a href="">Tutorial</a></li>
<li><a href="">Explore Zeppelin UI</a></li>
<li role="separator" class="divider"></li>
<li><a href="">Spark</a></li>
<li><a href="">SQL</a></li>
<li><a href="">Python</a></li>
</ul>
</li>
<li>
<a href="#" data-toggle="dropdown" class="dropdown-toggle">User<b class="caret"></b></a>
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Usage<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="title"><span>Dynamic Form</span></li>
<li><a href="">Usage</a></li>
@ -70,8 +70,11 @@
</li>
<li>
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Admin<b class="caret"></b></a>
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Setup<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="title"><span>Basics</span></li>
<li><a href="">Multi-user Support</a></li>
<li role="separator" class="divider"></li>
<li class="title"><span>Setup Zeppelin on Cluster</span></li>
<li><a href="{{BASE_PATH}}/install/spark_cluster_mode.html#spark-standalone-mode">Zeppelin on Spark Cluster Mode (Standalone)</a></li>
<li><a href="{{BASE_PATH}}/install/spark_cluster_mode.html#spark-on-yarn-mode">Zeppelin on Spark Cluster Mode (YARN)</a></li>
@ -105,12 +108,10 @@
<li class="title"><span>Interpreters</span></li>
<li><a href="{{BASE_PATH}}/manual/interpreters.html">Overview</a></li>
<li role="separator" class="divider"></li>
<li class="title"><span>Basic</span></li>
<li><a href="{{BASE_PATH}}/interpreter/spark.html">Spark</a></li>
<li><a href="{{BASE_PATH}}/interpreter/jdbc.html">JDBC</a></li>
<li><a href="{{BASE_PATH}}/interpreter/python.html">Python</a></li>
<li role="separator" class="divider"></li>
<li class="title"><span>ALL</span></li>
<li><a href="{{BASE_PATH}}/interpreter/alluxio.html">Alluxio</a></li>
<li><a href="{{BASE_PATH}}/interpreter/beam.html">Beam</a></li>
<li><a href="{{BASE_PATH}}/interpreter/bigquery.html">BigQuery</a></li>

View file

@ -618,21 +618,6 @@ a.anchorjs-link:hover { text-decoration: none; }
font-size: 27px;
}
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
.navbar-brand-version small {
display: none;
}
.navbar-collapse.collapse {
padding-right: 0;
}
.navbar-fixed-top > .container {
}
}
/* master branch docs dropdown menu */
#menu .dropdown-menu li span {
font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@ -660,7 +645,7 @@ and (max-width: 1024px) {
}
#menu .navbar-brand-version {
margin-right: 60px;
margin-right: 30px;
text-decoration: none !important;
}
@ -720,3 +705,19 @@ and (max-width: 1024px) {
border-color: #73a0cd;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.navbar-brand-version {
display: none;
}
.navbar-collapse.collapse {
padding-right: 0;
}
.navbar-fixed-top > .container {
width: auto;
}
}