Add a red border to the inline move dropdown when plugin is in an unk…

…nown region
feincms · Oct 2, 2024 · ca03e74 · ca03e74
1 parent a546f68
commit ca03e74
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.rst b/CHANGELOG.rst
@@ -16,6 +16,7 @@ Next version
   attribute; recommended values include 0 (the default), 1 (open one section)
   and -1 (close one section). Those sections are collapsed and moved as one
   unit during editing.
+- Added a red border to the region dropdown of plugins in unknown regions.
 
 
 7.0 (2024-05-31)

diff --git a/content_editor/static/content_editor/content_editor.js b/content_editor/static/content_editor/content_editor.js
@@ -34,6 +34,7 @@
   const prepareContentEditorObject = () => {
     Object.assign(ContentEditor, JSON.parse(_contentEditorContext))
     Object.assign(ContentEditor, {
+      declaredRegions: [...ContentEditor.regions],
       pluginsByPrefix: Object.fromEntries(
         ContentEditor.plugins.map((plugin) => [plugin.prefix, plugin]),
       ),
@@ -968,6 +969,9 @@
 .order-machine .inline-related.for-deletion .inline_label::after {
   opacity: 0.5;
   content: " (${ContentEditor.messages.forDeletion})";
+}
+.order-machine .inline-related:not(:where(${ContentEditor.declaredRegions.map((region) => `[data-region="${region.key}"]`).join(", ")})) .inline_move_to_region {
+  border-color: red;
 }
   `
     document.head.appendChild(style)