Merge pull request #1809 from bookwyrm-social/unread-notifications

Show unread notifications color

bookwyrm/settings.py

@@ -14,7 +14,7 @@ VERSION = "0.1.1"
 PAGE_LENGTH = env("PAGE_LENGTH", 15)
 DEFAULT_LANGUAGE = env("DEFAULT_LANGUAGE", "English")
 
-JS_CACHE = "2d3181e1"
+JS_CACHE = "9b4cc1f7"
 
 # email
 EMAIL_BACKEND = env("EMAIL_BACKEND", "django.core.mail.backends.smtp.EmailBackend")

bookwyrm/static/css/bookwyrm.css

@@ -751,6 +751,13 @@ ol.ordered-list li::before {
     padding: 0 0.75em;
 }
 
+/* Notifications page
+ ******************************************************************************/
+
+.notification a.icon {
+    text-decoration: none !important;
+}
+
 /* Breadcrumbs
  ******************************************************************************/
 

bookwyrm/templates/notifications/items/accept.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/add.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/boost.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/fav.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/follow.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/follow_request.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/import.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 {% load i18n %}
 
 {% block primary_link %}{% spaceless %}

bookwyrm/templates/notifications/items/invite.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/join.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/layout.html

@@ -1,9 +1,9 @@
 {% load bookwyrm_tags %}
 {% related_status notification as related_status %}
-<div class="box is-shadowless has-background-white-ter {% if notification.id in unread %} is-primary{% endif %}">
-    <div class="columns is-mobile">
-        <div class="column is-narrow is-size-3 {% if notification.id in unread%}has-text-white{% else %}has-text-grey{% endif %}">
-            <a class="has-text-dark" href="{% block primary_link %}{% endblock %}">
+<div class="notification {% if notification.id in unread %}has-background-primary{% endif %}">
+    <div class="columns is-mobile {% if notification.id in unread %}has-text-white{% else %}has-text-grey{% endif %}">
+        <div class="column is-narrow is-size-3">
+            <a class="icon" href="{% block primary_link %}{% endblock %}">
                 {% block icon %}{% endblock %}
             </a>
         </div>

bookwyrm/templates/notifications/items/leave.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/mention.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/remove.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/reply.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}

bookwyrm/templates/notifications/items/report.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 

bookwyrm/templates/notifications/items/update.html

@@ -1,4 +1,4 @@
-{% extends 'notifications/items/item_layout.html' %}
+{% extends 'notifications/items/layout.html' %}
 
 {% load i18n %}
 {% load utilities %}