From 6fa6203ce0065926a67a51e930c85543bb9318f2 Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Wed, 21 Jul 2021 02:31:51 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=98=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/scss/custom.scss    |  7 +++++++
 app/templates/base.html | 15 ++++++++++++---
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/app/scss/custom.scss b/app/scss/custom.scss
index 8bf7a44..cafab72 100644
--- a/app/scss/custom.scss
+++ b/app/scss/custom.scss
@@ -55,6 +55,13 @@ a:hover .badge-notify {
 	color: black;
 }
 
+.badge-emoji {
+	padding: 0;
+	background: transparent;
+	font-size: 15px;
+	top: -10px;
+}
+
 p, .content li {
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased !important;
diff --git a/app/templates/base.html b/app/templates/base.html
index 6b55186..be9c03b 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -6,7 +6,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title>
 	<link rel="stylesheet" type="text/css" href="/static/libs/bootstrap.min.css">
-	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=26">
+	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=27">
 	<link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
 	<link rel="shortcut icon" href="/favicon-16.png" sizes="16x16">
 	<link rel="icon" href="/favicon-128.png" sizes="128x128">
@@ -65,7 +65,7 @@
 											title="{{ _('Work Queue') }}">
 									{% if todo_list_count > 0 %}
 										<i class="fas fa-inbox"></i>
-										<span class="badge badge-pill badge-notify" style="font-size:10px;">{{ todo_list_count }}</span>
+										<span class="badge badge-pill badge-notify">{{ todo_list_count }}</span>
 									{% else %}
 										<i class="fas fa-inbox" ></i>
 									{% endif %}
@@ -87,7 +87,16 @@
 										title="{{ _('Notifications') }}">
 								{% if current_user.notifications %}
 									<i class="fas fa-bell"></i>
-									<span class="badge badge-pill badge-notify" style="font-size:10px;">{{ current_user.notifications | length }}</span>
+									{% set num_notifs = current_user.notifications | length %}
+									{% if num_notifs > 60 %}
+										<span class="badge badge-pill badge-notify badge-emoji">
+											😢
+										</span>
+									{% else %}
+										<span class="badge badge-pill badge-notify">
+											{{ num_notifs }}
+										</span>
+									{% endif %}
 								{% else %}
 									<i class="fas fa-bell" ></i>
 								{% endif %}