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; }