.nb-block-item { position: relative; &:hover, &.active { > .designable-bar { display: block; } } > .designable-bar { z-index: 1; pointer-events: none; display: none; position: absolute; top: 0; right: -0; left: -0; bottom: -0; border-radius: 2px; border: 2px solid #1890ff; &:hover, &.active { display: block; } .designable-bar-actions { pointer-events: auto; position: absolute; right: 0; line-height: 1rem; color: #fff; z-index: 10; padding: 0 3px; .anticon { width: 16px; height: 16px; vertical-align: top; line-height: 16px; font-size: 10px; background-color: #1890ff; } } } .ant-formily-item + .designable-bar { top: -5px; left: -5px; right: -5px; bottom: -5px; } &.nb-card-item { margin-bottom: 24px; } }