Navbar improved
This commit is contained in:
		
							parent
							
								
									c3e1e3e669
								
							
						
					
					
						commit
						f654826003
					
				@ -47,22 +47,20 @@ nav{
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.menu-elem{
 | 
			
		||||
    /*
 | 
			
		||||
    border-left: 1px solid white;
 | 
			
		||||
    */
 | 
			
		||||
    margin: 0 0 0 0.75rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.menu-elem:hover{
 | 
			
		||||
    /*
 | 
			
		||||
    background-color: var(--rlp-gray-light);
 | 
			
		||||
    */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.nav-btn{
 | 
			
		||||
    color: white;
 | 
			
		||||
    padding: 0.5rem;
 | 
			
		||||
}
 | 
			
		||||
.nav-btn:hover{
 | 
			
		||||
    color: var(--rlp-gray-light);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.navbar-dark .navbar-nav .nav-link{
 | 
			
		||||
    /*
 | 
			
		||||
    Overwrites bootstrap default nav-link colouring
 | 
			
		||||
    */
 | 
			
		||||
    color: white;
 | 
			
		||||
}
 | 
			
		||||
@ -1,5 +1,5 @@
 | 
			
		||||
{% load i18n fontawesome_5 %}
 | 
			
		||||
<nav class="navbar navbar-expand-lg">
 | 
			
		||||
<nav class="navbar navbar-expand-lg navbar-dark">
 | 
			
		||||
    <div class="nav-icon mr-5" title="{% trans 'Kompensationsverzeichnis Service Portal' %}">
 | 
			
		||||
        <strong class="">{% trans 'KSP' %}</strong>
 | 
			
		||||
    </div>
 | 
			
		||||
@ -8,31 +8,31 @@
 | 
			
		||||
    </button>
 | 
			
		||||
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
 | 
			
		||||
        <ul class="navbar-nav mr-auto">
 | 
			
		||||
            <li class="nav-item menu-elem">
 | 
			
		||||
            <li class=" menu-elem">
 | 
			
		||||
                <a class="nav-btn nav-link" href="{% url 'home' %}">
 | 
			
		||||
                    {% fa5_icon 'home' %}
 | 
			
		||||
                    {% trans 'Home' %}
 | 
			
		||||
                </a>
 | 
			
		||||
            </li>
 | 
			
		||||
            <li class="nav-item menu-elem">
 | 
			
		||||
            <li class=" menu-elem">
 | 
			
		||||
                <a class="nav-btn nav-link" href="{% url 'home' %}">
 | 
			
		||||
                    {% fa5_icon 'pencil-ruler' %}
 | 
			
		||||
                    {% trans 'Intervention' %}
 | 
			
		||||
                </a>
 | 
			
		||||
            </li>
 | 
			
		||||
            <li class="nav-item menu-elem">
 | 
			
		||||
            <li class=" menu-elem">
 | 
			
		||||
                <a class="nav-btn nav-link" href="{% url 'home' %}">
 | 
			
		||||
                    {% fa5_icon 'leaf' %}
 | 
			
		||||
                    {% trans 'Compensation' %}
 | 
			
		||||
                </a>
 | 
			
		||||
            </li>
 | 
			
		||||
            <li class="nav-item menu-elem">
 | 
			
		||||
            <li class=" menu-elem">
 | 
			
		||||
                <a class="nav-btn nav-link" href="{% url 'home' %}">
 | 
			
		||||
                    {% fa5_icon 'tree' %}
 | 
			
		||||
                    {% trans 'Eco-account' %}
 | 
			
		||||
                </a>
 | 
			
		||||
            </li>
 | 
			
		||||
            <li class="nav-item menu-elem dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 | 
			
		||||
            <li class=" menu-elem dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 | 
			
		||||
                <a class="nav-btn nav-link">
 | 
			
		||||
                    {% fa5_icon 'ellipsis-v' %}
 | 
			
		||||
                    {% trans 'More' %}
 | 
			
		||||
@ -47,7 +47,7 @@
 | 
			
		||||
 | 
			
		||||
        </ul>
 | 
			
		||||
        <ul class="navbar-nav ml-auto">
 | 
			
		||||
            <li class="nav-item dropdown">
 | 
			
		||||
            <li class=" dropdown">
 | 
			
		||||
                <div class="btn nav-btn"  data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 | 
			
		||||
                    {% fa5_icon 'user-circle' %}
 | 
			
		||||
                    {{ user.username }}
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user