Fixed navbar overlap content

This commit is contained in:
mehrab 2019-10-01 22:24:49 +03:30
parent 0dac98d215
commit 49cc70021c
2 changed files with 22 additions and 9 deletions

View File

@ -15,6 +15,16 @@
.promo li { .promo li {
list-style: none; list-style: none;
} }
@media screen and (max-width: 1080px) and (min-width: 980px) {
.container-nav-buttons {
width: 200px;
float:right;
padding: 5px 5px 10px 5px;
}
.nav-btn{
width: 35%;
}
}
</style> </style>
<p class="badges" height=20px> <p class="badges" height=20px>

View File

@ -1,20 +1,23 @@
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container-fluid"> <div class="container-fluid">
<a class="repo-link btn btn-primary btn-small" href="https://github.com/encode/django-rest-framework/tree/master">GitHub</a> <div class="container-nav-buttons">
<a class="repo-link btn btn-inverse btn-small {% if not page.next_page %}disabled{% endif %}" rel="next" {% if page.next_page %}href="{{ page.next_page.url|url }}"{% endif %}> <a class="repo-link btn btn-primary btn-small nav-btn" href="https://github.com/encode/django-rest-framework/tree/master">GitHub</a>
Next <i class="icon-arrow-right icon-white"></i> <a id="search_modal_show" class="repo-link btn btn-inverse btn-small nav-btn" href="#mkdocs_search_modal" data-toggle="modal" data-target="#mkdocs_search_modal"><i class="icon-search icon-white"></i> Search</a>
</a> <a class="repo-link btn btn-inverse btn-small nav-btn {% if not page.next_page %}disabled{% endif %}" rel="next" {% if page.next_page %}href="{{ page.next_page.url|url }}"{% endif %}>
<a class="repo-link btn btn-inverse btn-small {% if not page.previous_page %}disabled{% endif %}" rel="prev" {% if page.previous_page %}href="{{ page.previous_page.url|url }}"{% endif %}> Next <i class="icon-arrow-right icon-white"></i>
<i class="icon-arrow-left icon-white"></i> Previous </a>
</a> <a class="repo-link btn btn-inverse btn-small nav-btn {% if not page.previous_page %}disabled{% endif %}" rel="prev" {% if page.previous_page %}href="{{ page.previous_page.url|url }}"{% endif %}>
<a id="search_modal_show" class="repo-link btn btn-inverse btn-small" href="#mkdocs_search_modal" data-toggle="modal" data-target="#mkdocs_search_modal"><i class="icon-search icon-white"></i> Search</a> <i class="icon-arrow-left icon-white"></i> Previous
</a>
</div>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<a class="brand" href="https://www.django-rest-framework.org/">Django REST framework</a> <a class="brand" href="https://www.django-rest-framework.org/">Django REST framework</a>
<div class='nav-bar-menu'>
<div class="nav-collapse collapse"> <div class="nav-collapse collapse">
{% if nav|length>1 %} {% if nav|length>1 %}
<!-- Main navigation --> <!-- Main navigation -->
@ -40,7 +43,7 @@
{% endif %} {% endif %}
</div> </div>
<!--/.nav-collapse --> <!--/.nav-collapse -->
</div>
</div> </div>
</div> </div>
</div> </div>