Make sidebar a bit wider on smaller screens (#2638)

This commit is contained in:
Seth Vargo 2017-04-24 15:39:58 -04:00 committed by Vishal Nayak
parent 9b8b78cf3d
commit 97db657397
2 changed files with 18 additions and 2 deletions

View file

@ -1,6 +1,16 @@
#docs-sidebar {
margin-bottom: 30px;
margin-top: 50px;
overflow: hidden;
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 30px;
}
ul.nav.docs-sidenav {
display: block;
@ -34,6 +44,12 @@
opacity: 1;
}
}
&.back {
&:before {
content: '\2039';
}
}
}
// For forcing sub-navs to appear - in the long term, this should not

View file

@ -1,11 +1,11 @@
<% wrap_layout :layout do %>
<div class="container">
<div class="row">
<div id="docs-sidebar" class="col-sm-3 col-md-3 col-xs-12 hidden-print" role="complementary">
<div id="docs-sidebar" class="col-sm-4 col-md-3 col-xs-12 hidden-print" role="complementary">
<%= yield_content :sidebar %>
</div>
<div id="inner" class="col-sm-9 col-md-9 col-xs-12" role="main">
<div id="inner" class="col-sm-8 col-md-9 col-xs-12" role="main">
<%= yield %>
</div>
</div>