UserSpice
Conditional colour for notifications - Printable Version

+- UserSpice (https://userspice.com/forums)
+-- Forum: Support Center (https://userspice.com/forums/forumdisplay.php?fid=23)
+--- Forum: UserSpice 4.3 and Below (https://userspice.com/forums/forumdisplay.php?fid=26)
+--- Thread: Conditional colour for notifications (/showthread.php?tid=1260)



Conditional colour for notifications - Moomintroll - 12-13-2018

Hi,
I'm just reviewing a site that I sent live last week, and I wondered if there was a tweak that could be made to the Notifications code that would keep the bubble grey if the count was 0, but turn it to a different colour if the count was >=1?
This is the line in includes/navigation.php (I think):
Code:
<li><a href="#" onclick="displayNotifications('new')" id="notificationsTrigger" data-toggle="modal" data-target="#notificationsModal"  ><i class="fa fa-fw fa-bell"></i> <span id="notifCount" class="badge" style="margin-top: -5px; background-color: #FF0004;"><?= (int)$notifications->getUnreadCount(); ?></span></a></li>
I added a background-color tag, but I'm not sure how to make it conditional and I'm not brave enough to do too much fiddling with a live site just yet...I'm afraid I'll break it!


RE: Conditional colour for notifications - Brandin - 12-14-2018

You want to change the badge or the actually icon itself?

Brandin.


RE: Conditional colour for notifications - Moomintroll - 12-14-2018

Hi Brandin,
Just the bubble that the figure sits in.