diff --git a/scipost/static/scipost/assets/css/_navbar.scss b/scipost/static/scipost/assets/css/_navbar.scss index e267881bddb4c174f1510f04f081e0672ea64320..be65a9f8c55bb6891062f105755250fe0c9f04c1 100644 --- a/scipost/static/scipost/assets/css/_navbar.scss +++ b/scipost/static/scipost/assets/css/_navbar.scss @@ -73,3 +73,13 @@ white-space: nowrap; } } + +.navbar-counter { + position: relative; + + .badge { + position: absolute; + right: -3px; + top: 2px; + } +} diff --git a/scipost/templates/scipost/bare_base.html b/scipost/templates/scipost/bare_base.html index 663e6e2da76ba8114249f5374c40a1a68dc575a9..6b326d991c7cb9bd84acf26c42158e272b0e350f 100644 --- a/scipost/templates/scipost/bare_base.html +++ b/scipost/templates/scipost/bare_base.html @@ -21,6 +21,8 @@ <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> + <script src="https://use.fontawesome.com/1f60a2fe64.js"></script><!-- Temporary --> + {% block headsup %} {% endblock headsup %} </head> diff --git a/scipost/templates/scipost/navbar.html b/scipost/templates/scipost/navbar.html index ed33013d14f50075d450eba4b2c9916846f1a638..7a17dc6f296d6522e36f765015e240a67215ddff 100644 --- a/scipost/templates/scipost/navbar.html +++ b/scipost/templates/scipost/navbar.html @@ -22,7 +22,13 @@ {% if user.is_authenticated %} <li class="nav-item highlighted"> - <span class="nav-link">Logged in as {{ user.username }}</span> + <div class="d-s nav-link"> + Logged in as {{ user.username }} + <a class="d-inline nav-link navbar-counter" href="{% url 'notifications:all' %}"> + <i class="fa fa-bell-o" aria-hidden="true"></i> + <span class="badge badge-pill badge-primary">2</span> + </a> + </div> </li> {% if perms.scipost.can_oversee_refereeing %} <li class="nav-item{% if '/submissions/admin' in request.path %} active{% endif %}">