From 9930a6c8a5b467efcaef8d6930916771d57251f7 Mon Sep 17 00:00:00 2001 From: Aaryan Khandelwal Date: Mon, 29 Apr 2024 13:00:45 +0530 Subject: [PATCH] style: issue embed selected state width --- .../extensions/src/styles/drag-drop.css | 26 ++++++++++++------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/packages/editor/extensions/src/styles/drag-drop.css b/packages/editor/extensions/src/styles/drag-drop.css index 1683328429..d4f5c68b99 100644 --- a/packages/editor/extensions/src/styles/drag-drop.css +++ b/packages/editor/extensions/src/styles/drag-drop.css @@ -64,18 +64,24 @@ box-shadow: none; } -.ProseMirror:not(.dragging) .ProseMirror-selectednode::after { +.ProseMirror:not(.dragging) .ProseMirror-selectednode { --horizontal-offset: 5px; - content: ""; - position: absolute; - top: 0; - left: calc(-1 * var(--horizontal-offset)); - height: 100%; - width: calc(100% + (var(--horizontal-offset) * 2)); - background-color: rgba(var(--color-primary-100), 0.2); - border-radius: 4px; - pointer-events: none; + &:has(.issue-embed) { + --horizontal-offset: 0px; + } + + &::after { + content: ""; + position: absolute; + top: 0; + left: calc(-1 * var(--horizontal-offset)); + height: 100%; + width: calc(100% + (var(--horizontal-offset) * 2)); + background-color: rgba(var(--color-primary-100), 0.2); + border-radius: 4px; + pointer-events: none; + } } .ProseMirror img {