From d60938352b8df5e658d61b68f71793eac705ca03 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Mon, 10 Jan 2022 15:59:36 +0100
Subject: [PATCH] notification: add selector on title, move styles

---
 .../public/chill/scss/notification.scss       | 38 +++++++++++++++----
 .../Notification/NotificationReadToggle.vue   | 28 +-------------
 .../views/Notification/_list_item.html.twig   |  2 +-
 ...extension_list_notifications_for.html.twig |  2 +-
 4 files changed, 34 insertions(+), 36 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss
index 33e3addcb..23993299d 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss
@@ -1,3 +1,34 @@
+div.notification {
+    h2.notification-title,
+    h6.notification-title {
+        a {
+            text-decoration: none;
+        }
+        &::before {
+            font-family: "ForkAwesome";
+            font-size: 80%;
+            margin-right: 0.3em;
+        }
+    }
+    div.read {
+        h2.notification-title,
+        h6.notification-title {
+            font-weight: 500;
+            &::before {
+                content: "\f2b7";  //envelope-open-o
+            }
+        }
+    }
+    div.unread {
+        h2.notification-title,
+        h6.notification-title {
+            &::before {
+                content: "\f003";  //envelope-o
+            }
+        }
+    }
+}
+
 /*
  * Notifications List
 */
@@ -11,13 +42,6 @@ div.notification-show {
                 &:first-child {
                     flex-grow: 1;
 
-                    /// 3
-                    div.wrap-list {
-                        div.wl-col.list {
-                            width: 90%;
-                        }
-                    }
-
                 }
                 &:last-child {
                     flex-grow: 0;
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Notification/NotificationReadToggle.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Notification/NotificationReadToggle.vue
index 467fd40ea..f1b246626 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Notification/NotificationReadToggle.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Notification/NotificationReadToggle.vue
@@ -108,31 +108,5 @@ export default {
 </script>
 
 <style lang="scss">
-div.notification {
-    h2, h6 {
-        a {
-            text-decoration: none;
-        }
-        &::before {
-            font-family: "ForkAwesome";
-            font-size: 80%;
-            margin-right: 0.3em;
-        }
-    }
-    div.read {
-        h2, h6 {
-            font-weight: 500;
-            &::before {
-                content: "\f2b7";  //envelope-open-o
-            }
-        }
-    }
-    div.unread {
-        h2, h6 {
-            &::before {
-                content: "\f003";  //envelope-o
-            }
-        }
-    }
-}
+
 </style>
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig
index abeb28af1..8123373f2 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig
@@ -1,6 +1,6 @@
 <div class="item-bloc {% if not notification.isReadBy(app.user) %}unread{% else %}read{% endif %}">
     <div class="item-row title">
-        <h2>
+        <h2 class="notification-title">
             <a href="{{ chill_path_add_return_path('chill_main_notification_show', {'id': notification.id}) }}">
                 {{ notification.title }}
             </a>
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Notification/extension_list_notifications_for.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Notification/extension_list_notifications_for.html.twig
index ea61b5dce..31267e135 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Notification/extension_list_notifications_for.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Notification/extension_list_notifications_for.html.twig
@@ -9,7 +9,7 @@
             {% if not notification.isSystem %}
                 {% if notification.sender == app.user %}
 
-                    <h6>
+                    <h6 class="notification-title">
                         <abbr title="{{ 'Le ' ~ notification.date|format_date('long') ~ '\n' ~ notification.title }}">
                             {{ notification.date|format_datetime('short','short') }}
                         </abbr>