Commit 823a903806388b889f71b8da6523c11c998c0325
1 parent
dab6a0e8
Exists in
master
and in
5 other branches
finished #59, added white logo, changed log out icon and remove animation
Showing
3 changed files
with
20 additions
and
10 deletions
Show diff stats
core/static/css/base/header.css
| @@ -10,15 +10,25 @@ | @@ -10,15 +10,25 @@ | ||
| 10 | 10 | ||
| 11 | .logo{ | 11 | .logo{ |
| 12 | height:100%; | 12 | height:100%; |
| 13 | - margin-left: 30%; | ||
| 14 | } | 13 | } |
| 15 | 14 | ||
| 16 | .link{ | 15 | .link{ |
| 17 | - transition-duration: 0.5s; | 16 | + text-decoration: none; |
| 17 | + position: relative; | ||
| 18 | } | 18 | } |
| 19 | 19 | ||
| 20 | -.link:hover{ | ||
| 21 | - transform:scale(1.1); | 20 | +.link:after{ |
| 21 | + content: ''; | ||
| 22 | + position: absolute; | ||
| 23 | + bottom: 0; | ||
| 24 | + left: 0; | ||
| 25 | + width: 0%; | ||
| 26 | + border-bottom: 2px solid; | ||
| 27 | + transition: 0.4s; | ||
| 28 | +} | ||
| 29 | + | ||
| 30 | +.link:hover:after{ | ||
| 31 | + width: 100%; | ||
| 22 | } | 32 | } |
| 23 | 33 | ||
| 24 | .notification-count{ | 34 | .notification-count{ |
990 Bytes
core/templates/base.html
| @@ -45,12 +45,12 @@ | @@ -45,12 +45,12 @@ | ||
| 45 | <span class="icon-bar"></span> | 45 | <span class="icon-bar"></span> |
| 46 | <span class="icon-bar"></span> | 46 | <span class="icon-bar"></span> |
| 47 | </button> | 47 | </button> |
| 48 | - <a class="navbar-brand" href="{% url 'app:index' %}"><img class="logo" src="{% static 'img/topo-amadeus.png' %}" alt="Logo"/></a> | 48 | + <a class="navbar-brand" href="{% url 'app:index' %}"><img class="logo" src="{% static 'img/topo-amadeus-white.png' %}" alt="Logo"/></a> |
| 49 | </div> | 49 | </div> |
| 50 | <div class="navbar-collapse collapse navbar-responsive-collapse"> | 50 | <div class="navbar-collapse collapse navbar-responsive-collapse"> |
| 51 | <ul class="nav navbar-nav navbar-right notifications"> | 51 | <ul class="nav navbar-nav navbar-right notifications"> |
| 52 | - <li class="" data-toggle="tooltip" data-placement="bottom" title data-original-title="notifications"> | ||
| 53 | - <a class="dropdown-toggle" data-toggle="dropdown"> <span class="badge notification-count">{{notifications.count}}</span><i class="fa fa-bell-o" aria-hidden="true"></i></a> | 52 | + <li class="" data-toggle="tooltip" data-placement="bottom" title data-original-title="notifications"> |
| 53 | + <a class="dropdown-toggle" data-toggle="dropdown"> <span class="badge notification-count">{{notifications.count}}</span><i class="fa fa-bell" aria-hidden="true"></i></a> | ||
| 54 | <ul id="notification-dropdown" class="dropdown-menu"> | 54 | <ul id="notification-dropdown" class="dropdown-menu"> |
| 55 | <li class="dropdown-header">Notifications</li> | 55 | <li class="dropdown-header">Notifications</li> |
| 56 | {% for notification in notifications %} | 56 | {% for notification in notifications %} |
| @@ -89,9 +89,9 @@ | @@ -89,9 +89,9 @@ | ||
| 89 | </ul> | 89 | </ul> |
| 90 | </li> | 90 | </li> |
| 91 | 91 | ||
| 92 | - <li class="link" data-toggle="tooltip" data-placement="bottom" title data-original-title="messages"> <a href="#"><i class="fa fa-comments" aria-hidden="true"></i></a> </li> | ||
| 93 | - <li class="link"> <a href="{% url 'users:profile' %}">{{ user }}</a></li> | ||
| 94 | - <li class="link"> <a href="{% url 'core:logout' %}">{% trans 'Log out' %}</a></li> | 92 | + <li data-toggle="tooltip" data-placement="bottom" title data-original-title="{% trans 'messages' %}"> <a href="#"><i class="fa fa-comments" aria-hidden="true"></i></a> </li> |
| 93 | + <li > <a class="link" href="{% url 'users:profile' %}">{{ user }}</a></li> | ||
| 94 | + <li data-toggle="tooltip" data-placement="bottom" title data-original-title="log out"> <a href="{% url 'core:logout' %}"><i class="fa fa-sign-out" aria-hidden="true"></i></a></li> | ||
| 95 | </ul> | 95 | </ul> |
| 96 | </div> | 96 | </div> |
| 97 | </div> | 97 | </div> |