mirror of
				https://github.com/inventree/InvenTree.git
				synced 2025-11-04 07:05:41 +00:00 
			
		
		
		
	Merge pull request #928 from Kedarius/small-device
Collapse navbar on small screen
This commit is contained in:
		@@ -1,13 +1,21 @@
 | 
				
			|||||||
{% load static %}
 | 
					{% load static %}
 | 
				
			||||||
{% load i18n %}
 | 
					{% load i18n %}
 | 
				
			||||||
 | 
					<nav class="navbar navbar-xs navbar-default navbar-fixed-top ">
 | 
				
			||||||
<nav class="navbar navbar-default navbar-fixed-top">
 | 
					 | 
				
			||||||
  <div class="container-fluid">
 | 
					  <div class="container-fluid">
 | 
				
			||||||
    <div class="navbar-header clearfix content-heading">
 | 
					    <div class="navbar-header clearfix content-heading">
 | 
				
			||||||
      <a class="navbar-brand" id='logo' href="{% url 'index' %}" style="padding-top: 7px; padding-bottom: 5px;"><img src="{% static 'img/inventree.png' %}" width="32" height="32" style="display:block; margin: auto;"/></a>
 | 
					      <a class="navbar-brand" id='logo' href="{% url 'index' %}" style="padding-top: 7px; padding-bottom: 5px;"><img src="{% static 'img/inventree.png' %}" width="32" height="32" style="display:block; margin: auto;"/></a>
 | 
				
			||||||
 | 
					      <div class="navbar-header">
 | 
				
			||||||
 | 
					        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 | 
				
			||||||
 | 
					            <span class="sr-only">Toggle navigation</span>
 | 
				
			||||||
 | 
					            <span class="icon-bar"></span>
 | 
				
			||||||
 | 
					            <span class="icon-bar"></span>
 | 
				
			||||||
 | 
					            <span class="icon-bar"></span>
 | 
				
			||||||
 | 
					        </button>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					    <div class="navbar-collapse collapse">
 | 
				
			||||||
      <ul class="nav navbar-nav">
 | 
					      <ul class="nav navbar-nav">
 | 
				
			||||||
      <li><a href="{% url 'part-index' %}"><span class='fas fa-shapes icon-header'></span> {% trans "Parts" %}</a></li>
 | 
					        <li><a href="{% url 'part-index' %}"><span class='fas fa-shapes icon-header'></span>{% trans "Parts" %}</a></li>
 | 
				
			||||||
        <li><a href="{% url 'stock-index' %}"><span class='fas fa-boxes icon-header'></span>{% trans "Stock" %}</a></li>
 | 
					        <li><a href="{% url 'stock-index' %}"><span class='fas fa-boxes icon-header'></span>{% trans "Stock" %}</a></li>
 | 
				
			||||||
        <li><a href="{% url 'build-index' %}"><span class='fas fa-tools icon-header'></span>{% trans "Build" %}</a></li>
 | 
					        <li><a href="{% url 'build-index' %}"><span class='fas fa-tools icon-header'></span>{% trans "Build" %}</a></li>
 | 
				
			||||||
        <li class='nav navbar-nav'>
 | 
					        <li class='nav navbar-nav'>
 | 
				
			||||||
@@ -53,4 +61,5 @@
 | 
				
			|||||||
            </li> 
 | 
					            </li> 
 | 
				
			||||||
      </ul>
 | 
					      </ul>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
</nav>
 | 
					</nav>
 | 
				
			||||||
		Reference in New Issue
	
	Block a user