Fixes CSS so docs display properly on mobile (#38373)

pull/38374/head
scottb 7 years ago committed by GitHub
parent 2340ca7701
commit 79c5a34b0b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -130,7 +130,8 @@
</ul>
</div>
<a class="DocSite-nav" href="/">
<a class="DocSite-nav" href="/" style="padding-bottom: 30px;">
<img class="DocSiteNav-logo"
src="{{ pathto('_static/', 1) }}images/logo_invert.png"
alt="Ansible Logo">
@ -144,6 +145,7 @@
{# SIDE NAV, TOGGLES ON MOBILE #}
<nav data-toggle="wy-nav-shift" class="wy-nav-side">
<div class="wy-side-scroll">
<div class="wy-side-nav-search">
{% block sidebartitle %}
@ -207,20 +209,6 @@
</div>
<div class="DocSite-sideNav ansibleNav">
<ul class="">
<li><a href="https://www.ansible.com/ansiblefest" target="_blank">AnsibleFest</a></li>
<li><a href="https://www.ansible.com/tower" target="_blank">Products</a></li>
<li><a href="https://www.ansible.com/community" target="_blank">Community</a></li>
<li><a href="https://www.ansible.com/webinars-training" target="_blank">Webinars & Training</a></li>
<li><a href="https://www.ansible.com/blog" target="_blank">Blog</a></li>
</ul>
</div>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
{# MOBILE NAV, TRIGGLES SIDE NAV ON TOGGLE #}

@ -1678,7 +1678,7 @@ code.code-large,.rst-content tt.code-large{font-size:90%}
[data-menu-wrap].move-right{right:-100%;left:auto;opacity:0}
.wy-body-for-nav{background:#fcfcfc}
.wy-grid-for-nav{position:relative;width:100%;height:100%}
.wy-nav-side{position:fixed;float: left;top:0;bottom:0;left:0;padding-bottom:2em;width:300px;overflow-x:hidden;overflow-y:hidden;min-height:100%;background:#343131;z-index:0;margin-top: 45px}
.wy-nav-side{position:fixed;float: left;top:0;bottom:0;left:0;padding-bottom:2em;width:300px;overflow-x:hidden;overflow-y:hidden;min-height:100%;background:#343131;z-index:0;margin-top:0px;top:45px;}
.wy-side-scroll{position:relative;overflow-x:hidden;overflow-y:scroll;height:100%}
.wy-nav-top{display:none;background:#2980B9;color:#fff;padding:.4045em .809em;position:relative;line-height:50px;text-align:center;font-size:100%;*zoom:1}
.wy-nav-top:before,.wy-nav-top:after{display:table;content:""}
@ -1714,7 +1714,7 @@ footer span.commit code,footer span.commit .rst-content tt,.rst-content footer s
.wy-side-scroll{width:auto}
.wy-side-nav-search{width:auto}
.wy-menu.wy-menu-vertical{width:auto}
.wy-nav-content-wrap{margin-left:0}
.wy-nav-content-wrap{margin-left:0;top:15px;}
.wy-nav-content-wrap .wy-nav-content{padding:1.618em}
.wy-nav-content-wrap.shift{position:fixed;min-width:100%;left:85%;top:0;height:100%;overflow:hidden}
}
@ -1876,6 +1876,8 @@ footer span.commit code,footer span.commit .rst-content tt,.rst-content footer s
padding: 8px 13px;
}
}
span[id*='MathJax-Span']{color:#404040}
.math{text-align:center}
@font-face{font-family:"Inconsolata";font-style:normal;font-weight:400;src:local("Inconsolata"),local("Inconsolata-Regular"),url(../fonts/Inconsolata-Regular.ttf) format("truetype")}

Loading…
Cancel
Save