NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-24 17:38:37 -06:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Fixes #1599: Display global search in navigation menu unless display is less than 1200px wide

Browse Source
This commit is contained in:
Jeremy Stretch 2017-11-15 14:44:33 -05:00
parent d888aa67f9
commit 124878ed22
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
netbox/project-static/css/base.css
View File

@ -35,6 +35,13 @@ footer p {
margin: 20px 0; margin: 20px 0;
} }
/* Hide the username in the navigation menu on displays less than 1400px wide */
@media (max-width: 1399px) {
#navbar_user {
display: none;
}
}
/* Collapse the nav menu on displays less than 1200px wide */ /* Collapse the nav menu on displays less than 1200px wide */
@media (max-width: 1199px) { @media (max-width: 1199px) {
.navbar-header { .navbar-header {
@ -72,12 +79,8 @@ footer p {
.collapse.in { .collapse.in {
display:block !important; display:block !important;
} }
} #navbar_user {
display: inline;
/* Hide the nav search bar on displays less than 1600px wide */
@media (max-width: 1599px) {
#navbar_search {
display: none;
} }
} }

4
netbox/templates/inc/nav_menu.html
View File

@ -379,7 +379,9 @@
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" title="{{ request.user }}" role="button" aria-haspopup="true" aria-expanded="false"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="{{ request.user }}" role="button" aria-haspopup="true" aria-expanded="false">
{{ request.user|truncatechars:"30" }} <span class="caret"></span> <i class="fa fa-user"></i>
<span id="navbar_user">{{ request.user|truncatechars:"30" }}</span>
<span class="caret"></span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="{% url 'user:profile' %}"><i class="fa fa-user"></i> Profile</a></li> <li><a href="{% url 'user:profile' %}"><i class="fa fa-user"></i> Profile</a></li>