hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-15 05:53:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor notification on mobile version

Browse Source
This commit is contained in:
Mike Ng
2018-06-07 16:49:31 +04:00
parent 484ccaed46
commit 30004d996b
4 changed files with 42 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/www/_shared/styles/_main-menu.scss
View File

@@ -288,7 +288,7 @@ $mainMenuBottomBorder: none !default;
}
#nav_notification_container {
float: right;
margin-right: 50px;
margin-right: 120px;
}
}
}

12
resources/www/_shared/styles/_notification.scss
View File

@@ -1,10 +1,10 @@
@import 'variables';
#notification_trigger{
.notification_trigger {
cursor:pointer;
}
#notification_trigger .counter{
.notification_trigger .counter {
border:1px solid white;
background:red;
-moz-border-radius:8px;
@@ -17,16 +17,16 @@
padding:2px 4px;
}
#notification_trigger.open a span{
.notification_trigger.open a span {
color:black;
}
#notification_trigger.open{
.notification_trigger.open {
background-color:white;
border-bottom:1px solid white;
}
#notification_trigger.unread{
.notification_trigger.unread {
}
@@ -37,7 +37,7 @@
border-top:none;
position:absolute;
height:150px;
top:30px;
top: 42px !important;
overflow-y:auto;
overflow-x:hidden;
z-index:668;

4
resources/www/common/js/components/common.js
View File

@@ -131,7 +131,7 @@ var commonModule = (function ($, p4) {
fix_notification_height();
if ($('.notification.unread', box).length > 0) {
var trigger = $('#notification_trigger');
var trigger = $('.notification_trigger');
$('.counter', trigger)
.empty()
.append($('.notification.unread', box).length);
@@ -139,7 +139,7 @@ var commonModule = (function ($, p4) {
}
else
$('#notification_trigger .counter').css('visibility', 'hidden').empty();
$('.notification_trigger .counter').css('visibility', 'hidden').empty();
if (data.changed.length > 0) {
var current_open = $('.SSTT.ui-state-active');

37
templates/web/common/menubar.html.twig
View File

@@ -126,12 +126,18 @@
<ol class="nav_menu"></ol>
</div>
</div>
<div id="nav_notification_container">
</ol>
</div>
<div class="PNB right desktopmenu" style="left:auto;overflow:hidden;">
<ol>
{% if app.getAuthenticator().isAuthenticated() and module == "prod" %}
<li id="notification_trigger">
<li class="notification_trigger">
<a href="#" style="font-weight:bold;text-decoration:none;">
<span>
<button class="counter btn btn-danger" style="visibility:{% if app['events-manager'].get_unread_notifications_number > 0 %}visible{% else %}hidden{% endif %};">
<button class="counter btn btn-danger"
style="visibility:{% if app['events-manager'].get_unread_notifications_number > 0 %}visible{% else %}hidden{% endif %};">
{% if app['events-manager'].get_unread_notifications_number > 0 %}
{{ app['events-manager'].get_unread_notifications_number }}
{% endif %}
@@ -141,13 +147,6 @@
</a>
</li>
{% endif %}
</div>
</ol>
</div>
<div class="PNB right desktopmenu" style="left:auto;overflow:hidden;">
<ol>
<li class="user">
{% if app.getAuthenticator().isAuthenticated() %}
{% if app.getAuthenticatedUser().isGuest %}
@@ -205,6 +204,24 @@
</ol>
</div>
<div class="mobilemenu" style="float: right;margin-right: 50px;">
{% if app.getAuthenticator().isAuthenticated() and module == "prod" %}
<li class="notification_trigger">
<a href="#" style="font-weight:bold;text-decoration:none;">
<span>
<button class="counter btn btn-danger"
style="visibility:{% if app['events-manager'].get_unread_notifications_number > 0 %}visible{% else %}hidden{% endif %};">
{% if app['events-manager'].get_unread_notifications_number > 0 %}
{{ app['events-manager'].get_unread_notifications_number }}
{% endif %}
</button>
{{ 'Notifications' | trans }}
</span>
</a>
</li>
{% endif %}
</div>
<div class="PNB right mobilemenu" id="nav_account_container">
<div class="arrow-up"></div>
<div class="nav-wrapper-box">