Adds highlighting for mod content

RISDEV-0000
digitalservicebund · Dec 18, 2024 · 2d141a7 · 2d141a7
1 parent c729e11
commit 2d141a7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/frontend/src/components/RisLawPreview.vue b/frontend/src/components/RisLawPreview.vue
@@ -377,7 +377,6 @@ watch(
 watch(
   () => props.selected,
   (val) => {
-    console.log("Selected elements in RisLawPreview:", val)
     if (!val || val.length === 0) return
   },
   { immediate: true },

diff --git a/frontend/src/views/amending-law/articles/editor/AmendingLawArticleEditor.view.vue b/frontend/src/views/amending-law/articles/editor/AmendingLawArticleEditor.view.vue
@@ -244,19 +244,27 @@ function handlePreviewKeyDown(e: KeyboardEvent) {
   @apply bg-gray-100;
 }
 
-.amendingLawPreview :deep(.akn-toChange) {
+.amendingLawPreview :deep(.akn-existingcontent) {
   @apply bg-highlight-7-default outline outline-dotted outline-1 outline-blue-800;
 }
 
-.amendingLawPreview :deep(.akn-toChange):hover {
+.amendingLawPreview :deep(.akn-existingcontent):hover {
   @apply bg-highlight-7-hover outline-2;
 }
 
-.amendingLawPreview :deep(.akn-changing) {
+.amendingLawPreview :deep(.akn-insertiontarget) {
+  @apply bg-highlight-7-default outline outline-dotted outline-1 outline-blue-800;
+}
+
+.amendingLawPreview :deep(.akn-insertiontarget):hover {
+  @apply bg-highlight-7-hover outline-2;
+}
+
+.amendingLawPreview :deep(.akn-incomingcontent) {
   @apply bg-highlight-6-default outline outline-dotted outline-1 outline-blue-800;
 }
 
-.amendingLawPreview :deep(.akn-changing):hover {
+.amendingLawPreview :deep(.akn-incomingcontent):hover {
   @apply bg-highlight-6-hover outline-2;
 }