From cff80393e85dd7b21cec193295427f8df92263fc Mon Sep 17 00:00:00 2001 From: Juan Cruz Fortunatti Date: Tue, 24 May 2022 00:45:35 -0300 Subject: [PATCH] fix: rolling back css changes for drag&drop blocks feature --- src/styles/block.css | 30 +++++++++++++++++++++++++++--- src/styles/toolbar.css | 4 ---- 2 files changed, 27 insertions(+), 7 deletions(-) diff --git a/src/styles/block.css b/src/styles/block.css index e16f502a..0ffb39ab 100644 --- a/src/styles/block.css +++ b/src/styles/block.css @@ -45,18 +45,42 @@ } &--drop-target &__content { + &:before { + content: ''; + position: absolute; + top: 100%; + left: -20px; + margin-top: -1px; + height: 8px; + width: 8px; + border: solid var(--color-active-icon); + border-width: 1px 1px 0 0; + transform-origin: right; + transform: rotate(45deg); + } + &:after { content: ''; + position: absolute; top: 100%; height: 1px; - position: absolute; width: 100%; - border-bottom: 5px solid var(--selectionColor); - pointer-events: none; + color: var(--color-active-icon); + background: repeating-linear-gradient( + 90deg, + var(--color-active-icon), + var(--color-active-icon) 1px, + #fff 1px, + #fff 6px + ); } } &--drop-target-top &__content { + &:before { + top: 0%; + } + &:after { top: 0%; } diff --git a/src/styles/toolbar.css b/src/styles/toolbar.css index ad32b23d..f3fef0ef 100644 --- a/src/styles/toolbar.css +++ b/src/styles/toolbar.css @@ -61,10 +61,6 @@ cursor: pointer; user-select: none; - &__settings-btn-dragging { - opacity: 0; - } - @media (--not-mobile){ width: 18px; }