diff --git a/frontend/src/components/RisLawPreview.vue b/frontend/src/components/RisLawPreview.vue index d5be3d5f7..3c904b7f4 100644 --- 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 index 92ea155a1..535b2e372 100644 --- 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; }