istio
/
istio.io
mirror of https://github.com/istio/istio.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

wrapped a div around the non-toc contents of the docs pages. used position:relative and zindex to make toc overlap other content (#296)

This commit is contained in:
ryangrahamnc 2017-05-22 13:17:54 -04:00 committed by Martin Taillefer
parent 7e8e688293
commit 19215a5b1e
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
_layouts/docs.html
View File

@ -10,19 +10,21 @@ layout: default
<div class="row">
<div class="col-md-11 nofloat center-block">
<div class="row">
<div id="sidebar-container" class="col-sm-3">
{% include doc-side-nav.html %}
</div>
<div id="sidebar-container" class="col-sm-3">
{% include doc-side-nav.html %}
</div>
<div id="tab-container" class="col-xs-1 tab-neg-margin pull-left">
<span id="sidebar-tab" class="glyphicon glyphicon-chevron-left"></span>
</div>
<div id="tab-container" class="col-xs-1 tab-neg-margin pull-left">
<span id="sidebar-tab" class="glyphicon glyphicon-chevron-left"></span>
</div>
<div id="content-container" class="thin-left-border col-sm-9 {{ page.type }}">
<div id="toc" class="toc"></div>
<div id="content-container" class="thin-left-border col-sm-9 {{ page.type }}">
<div id="toc" class="toc"></div>
<div id="doc-content">
<h1>{{page.title}}</h1>
{{ content }}
</div>
</div>
</div>
</div>
</div>

8
_sass/modules/_toc.scss
View File

@ -21,8 +21,9 @@ div.toc {
display: none !important;
padding: 15px;
float: right;
right: 45px;
margin-top: 15px;
z-index:1001;
position:relative;
@media (min-width: 1024px) {
display: block !important;
@ -54,3 +55,8 @@ div.toc {
border-left: 4px solid $light-gray;
}
}
#doc-content{
z-index:1000;
position:relative;
}