src_js/iconolab-bundle/src/components/editor/ShapeRect.vue
changeset 350 7c0b98b10e00
parent 342 ebec1d59dc74
child 408 159042869b47
--- a/src_js/iconolab-bundle/src/components/editor/ShapeRect.vue	Wed Feb 22 18:31:01 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/editor/ShapeRect.vue	Wed Feb 22 18:31:58 2017 +0100
@@ -4,12 +4,10 @@
         ref="shape"
         x="0" y="0"
         v-bind:width="width" v-bind:height="height"
-        fill="#bdc3c7"
-        stroke="#000"
         v-bind:stroke-width="handlerSize / 5"
         v-bind:stroke-dasharray="(handlerSize / 5) + ',' + (handlerSize / 5)"
-        style="opacity: 0.6;"
-        class="shape"></rect>
+        class="shape"
+        v-bind:class="{ 'shape--draggable': !readonly }"></rect>
     <rect
         ref="topLeft"
         v-show="showResizeHandlers"
@@ -209,7 +207,12 @@
 </script>
 
 <style scoped>
-.shape:hover {
+.shape {
+    fill: #bdc3c7;
+    stroke: #000;
+    opacity: 0.6;
+}
+.shape--draggable:hover {
     cursor: move;
 }
 .handler-top-left:hover {