style(conversations): refactor backdrop-overlay style

Author: Jeremy-Bojko

recoco/apps/conversations/templates/conversations/messages/fragments/resource_preview_panel.html

@@ -4,7 +4,7 @@
 {% endcomment %}
 <template x-if="$store.resourcePreviewPanel.isOpen">
     <div x-data="{ closePanel() { $store.resourcePreviewPanel.close(); $store.sharedContentsPanel && $store.sharedContentsPanel.reopenIfNeeded(); } }">
-        <div class="resource-preview-panel__backdrop"
+        <div class="resource-preview-panel__backdrop backdrop-overlay"
              @click="closePanel()"></div>
         <div class="resource-preview-panel"
              role="dialog"

recoco/apps/conversations/templates/conversations/messages/fragments/shared_contents_panel.html

@@ -5,7 +5,7 @@
 {% endcomment %}
 <template x-if="$store.sharedContentsPanel.isOpen">
     <div>
-        <div class="shared-contents-panel__backdrop"
+        <div class="shared-contents-panel__backdrop backdrop-overlay"
              @click="$store.sharedContentsPanel.close()"></div>
         <div class="shared-contents-panel"
              role="dialog"

recoco/frontend/src/css/DSFR/custom-dsfr.scss

@@ -541,6 +541,20 @@ form > p {
   display: inline;
 }
 
+/* ¯¯¯¯¯ *\
+  BACKDROP
+\* ˍˍˍˍˍˍ */
+
+.backdrop-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+}
+
 /* ¯¯¯ *\
   UTILS
 \* ˍˍˍ */

recoco/frontend/src/css/projects/fragments/resource_preview_panel.scss

@@ -3,14 +3,7 @@
 
 // Backdrop overlay for click-outside-to-close
 .resource-preview-panel__backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
   z-index: 2099;
-  cursor: pointer;
 }
 
 .resource-preview-panel {

recoco/frontend/src/css/projects/fragments/shared_contents_panel.scss

@@ -3,14 +3,7 @@
 
 // Backdrop overlay for click-outside-to-close
 .shared-contents-panel__backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
   z-index: 1999;
-  cursor: pointer;
 }
 
 .shared-contents-panel {