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> |