From 3f1117b5428fc5e173f66a983c3c6803a153bb22 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Tue, 30 Jun 2020 17:11:37 +0100
Subject: [PATCH] css tweaks

---
 .DS_Store                              | Bin 10244 -> 10244 bytes
 app/src/components/IpfsInfo.vue        |  12 ++++++------
 app/src/components/NodesLayer.vue      |   9 +++++++--
 app/src/components/OtherNodeslayer.vue |  17 ++++++++++++-----
 4 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index 2cf9dd3fbe680113a2c17d01e4ec4c06c14fd222..f1698619ad53ca95626b2b6cb96ba5e3b3110861 100644
GIT binary patch
delta 225
zcmZn(XbIThF5vbxsURn_xWvHV1|t(Q3o9Et2PYRN4<{cdXKZjretB?7Vo7PSQ({rP
zfJ|^^N@`MKQFvxbNk&L&o@-8OS!$ktkxybt>f{Om&-!SPhJeJ944@)TWrv&x3?RVC
z!5J?gQC)3nY^kGQW@K2aqfl*bZlI%JVr*7h%gM<hsqPjOSK8D!Yxa_*%a$KH4A#ZK
y$Oxes1fevHIs#-cGbAz;FchQ|C+8&P=jVW=m>D)}32x%s%&zc@W%D%=W@Z3p4m!vH

delta 180
zcmZn(XbIThE?{^nsURn_xWvHVIwKP^3o9Et2L}f?2QNo#a7KQ4a7kiGX|YpcQ8b7b
zkXVwDlsLIpz%zxDlaqrpUO=+C+SJHEN5RCxxK>A@+R)I#LPx>W(xkSQlS5q9(AF~{
zx3a3brnYVt0~jzeLTCnlC=H`#0~yQ=i3|k{1u4bJIZ65XIgFbF1h?}|Y|!4!uJDUx
JvyLb;GXQ+gD=+{6

diff --git a/app/src/components/IpfsInfo.vue b/app/src/components/IpfsInfo.vue
index 38ce1c3..4b32cbc 100644
--- a/app/src/components/IpfsInfo.vue
+++ b/app/src/components/IpfsInfo.vue
@@ -3,15 +3,15 @@
     <h1>IPFS View</h1>
     <h3>Testing Only</h3>
     <h1>{{ status }}</h1>
-    <!-- <h2>ID: {{ id }}</h2> -->
-    <!-- <h2>Agent version: {{ agentVersion }}</h2> -->
+    <h2>ID: {{ id }}</h2>
+    <h2>Agent version: {{ agentVersion }}</h2>
     <!-- <h3>Files : {{ fileContents }}</h3> -->
-    <!-- <h3>Path: {{ path }}</h3> -->
+    <!-- <h3>Path: {{ path }}</h3>
     <div v-if="path == 'ready'"></div>
     <div v-else>
       <img :src="'https://ipfs.io/ipfs/' + path" />
     </div>
-    <!-- <img :src="'data:image/jpg;base64,' + output" /> -->
+    <img :src="'data:image/jpg;base64,' + output" /> -->
 
     <form>
       <input
@@ -47,8 +47,8 @@ export default {
   data: function () {
     return {
       status: 'Connecting to IPFS...',
-      // id: '',
-      // agentVersion: '',
+      id: '',
+      agentVersion: '',
       selectedFile: null,
       fileContents: this.fileContents,
       output: output,
diff --git a/app/src/components/NodesLayer.vue b/app/src/components/NodesLayer.vue
index f230b2d..4a8d365 100644
--- a/app/src/components/NodesLayer.vue
+++ b/app/src/components/NodesLayer.vue
@@ -117,7 +117,7 @@
               ></p>
             </div>
 
-            <h3>Reactions</h3>
+            <!-- <h3>Reactions</h3> -->
 
             <div v-for="(emojis, index) in configEmoji" :key="index">
               <p class="allemoji" v-if="nodeid == emojis.node_id">
@@ -325,6 +325,7 @@ export default {
 
 .info {
   font-size: 0.8em;
+  display: inline;
 }
 
 textarea {
@@ -335,7 +336,10 @@ textarea {
   font-family: 'Inter var', Helvetica, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  outline: #cab6ff;
+  border: none;
+  outline: none;
+  background-color: rgb(187, 227, 255);
+  scrollbar-color: yellow rgb(187, 227, 255);
 }
 
 .btn-row {
@@ -351,6 +355,7 @@ textarea {
 
 .allemoji {
   font-size: 2em;
+  float: left;
 }
 
 img {
diff --git a/app/src/components/OtherNodeslayer.vue b/app/src/components/OtherNodeslayer.vue
index 78b5f67..4976f37 100644
--- a/app/src/components/OtherNodeslayer.vue
+++ b/app/src/components/OtherNodeslayer.vue
@@ -117,14 +117,14 @@
           <p class="read" :id="nodeid" :inner-html.prop="nodetext | marked">
             {{ nodeid }}
           </p>
-          <h3>Reactions</h3>
+          <!-- <h3>Reactions</h3> -->
           <div v-for="(emojis, index) in configEmoji" :key="index">
             <p class="allemoji" v-if="nodeid == emojis.node_id">
               {{ emojis.emoji_text }}
             </p>
           </div>
           <div class="react" v-if="nodeid != undefined">
-            <h2>React</h2>
+            <!-- <h2>React</h2> -->
             <div class="eeee">
               <input :value="nodeid" name="id" readonly hidden />
               <input
@@ -340,6 +340,7 @@ input {
 
 .allemoji {
   font-size: 2em;
+  float: left;
 }
 
 h3 {
@@ -357,20 +358,26 @@ h3 {
   right: 0.5rem;
   width: 1.5rem;
   height: 1.5rem;
-
+  /* transform: scale(1.6); */
   margin: 0em 0em 1em 0em;
   border-radius: 50%;
   cursor: pointer;
   transition: all 0.2s;
 }
-.emoji-invoker:hover {
-  transform: scale(1.1);
+.emoji-invoker:hover > svg {
+  fill: #84949b;
+
+  /* transform: scale(1.5); */
 }
 .emoji-invoker > svg {
   fill: #b1c6d0;
+  margin-top: -15px;
+  margin-left: 0.2em;
+  transform: scale(1.5);
 }
 
 .emoji-picker {
+  transform: scale(1.2);
   z-index: 1;
   font-family: Montserrat;
   border: 1px solid #ccc;
-- 
GitLab