fix: visual polish for widget transform

Akryum · Akryum · commit a13ad26ee888 · 2018-09-22T17:08:53.000+02:00
diff --git a/packages/@vue/cli-ui/src/components/Widget.vue b/packages/@vue/cli-ui/src/components/Widget.vue
@@ -64,7 +64,7 @@
               icon-left="close"
               v-tooltip="$t('org.vue.components.widget.remove')"
               @mousedown.native.stop
-              @click="remove()"
+              @click.stop="remove()"
             />
 
             <template v-if="isSelected">
@@ -548,8 +548,6 @@ export default {
   v-box()
   box-center()
   cursor move
-  &:hover
-    background rgba($vue-ui-color-primary, .2)
 
   /deep/ > *
     transition transform .15s
@@ -571,6 +569,11 @@ export default {
       >>> svg
         fill @color
 
+.customize-overlay:hover,
+.moving .customize-overlay,
+.resizing .customize-overlay
+  background rgba($vue-ui-color-primary, .2)
+
 .remove-button
   position absolute
   top $padding-item
