From 519279b77e7414993cff3bee6e000f78b56043e5 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Wed, 4 Mar 2020 12:55:16 +0000
Subject: [PATCH] updated box style and img width
---
app/src/App.vue | 3 +++
app/src/components/NodesLayer.vue | 15 +++++++++++++--
app/src/components/OtherNodeslayer.vue | 1 +
3 files changed, 17 insertions(+), 2 deletions(-)
diff --git a/app/src/App.vue b/app/src/App.vue
index 8b602c7..921591a 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 ed33a22..9d7cc0d 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 4ebb566..291399a 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;
--
GitLab