diff --git a/app/src/App.vue b/app/src/App.vue index 8b602c7b43b9fb9a68843360644e5e8c5c394de6..921591abe6a88f30386d16d7f171377ab64256ef 100644 --- a/app/src/App.vue +++ b/app/src/App.vue @@ -17,6 +17,9 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +img { + width: 100%; +} #nav a { font-weight: bold; diff --git a/app/src/components/NodesLayer.vue b/app/src/components/NodesLayer.vue index ed33a2255d7eb84da07c0f8a4851e46e058e32fb..9d7cc0deb806d25797fbf55e3c499f5611fca78a 100644 --- a/app/src/components/NodesLayer.vue +++ b/app/src/components/NodesLayer.vue @@ -13,7 +13,8 @@ @resizing="onResize" @dragstop="onDragstop" @resizestop="onResizestop" - style="background-color: rgb(205, 234, 255);" + :drag-cancel="'.drag-cancel'" + style="background-color: rgb(205, 234, 255)" > <form> <div v-for="value in myNodes" v-bind:key="value.nodeid"> @@ -22,6 +23,7 @@ @input="editNode" v-model="value.nodetext" :id="nodeid" + class="drag-cancel" ></textarea> </div> <h3>Reactions</h3> @@ -61,7 +63,8 @@ export default { width: this.nodewidth, height: this.nodeheight, localx: 0, - localy: 0 + localy: 0, + globalscale: 0.7 } }, @@ -143,9 +146,17 @@ export default { position: relative; } +img { + width: 100%; +} +/* .draggable { + transform: scale(0.7); +} */ + textarea { width: 100%; height: 120px; resize: none; + box-sizing: border-box; } </style> diff --git a/app/src/components/OtherNodeslayer.vue b/app/src/components/OtherNodeslayer.vue index 4ebb566a1da7b4db6441733def1c7266d5a4a421..291399a492f608ca505e12935d77e53b6e353e52 100644 --- a/app/src/components/OtherNodeslayer.vue +++ b/app/src/components/OtherNodeslayer.vue @@ -183,6 +183,7 @@ export default { <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> + .node { background-color: aquamarine; position: absolute;