Commit 8518f500 authored by Julius Volz's avatar Julius Volz

Fix docs nav clickability in narrow browser window.

This fixes https://github.com/prometheus/docs/issues/60.
parent a072797f
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3 side-nav-col">
<ul class="nav navbar-nav side-nav"> <ul class="nav navbar-nav side-nav">
<% @items['/docs/'].children.sort_by { |i| i[:sort_rank] || 0 }.each do |i| %> <% @items['/docs/'].children.sort_by { |i| i[:sort_rank] || 0 }.each do |i| %>
<%= toc(i, @item) %> <%= toc(i, @item) %>
......
...@@ -63,10 +63,6 @@ body { ...@@ -63,10 +63,6 @@ body {
white-space: nowrap; white-space: nowrap;
} }
.side-nav .fa {
color: #555;
}
footer { footer {
font-size: 12px; font-size: 12px;
color: #333; color: #333;
...@@ -78,11 +74,19 @@ a.sc-logo img { ...@@ -78,11 +74,19 @@ a.sc-logo img {
} }
/* Docs-related styles. */ /* Docs-related styles. */
.side-nav-col {
z-index: 100;
}
.side-nav { .side-nav {
margin-top: 20px; margin-top: 20px;
padding: 5px 20px 20px 20px; padding: 5px 20px 20px 20px;
} }
.side-nav .fa {
color: #555;
}
.side-nav a { .side-nav a {
color: #333; color: #333;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment