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