diff --git a/app/src/components/NodesLayer.vue b/app/src/components/NodesLayer.vue index 28ea52cc05dbfc7d0eb4d0ede31676c8b82a11a3..9b1b879264d6d364c805f971ac00df55e09c39d0 100644 --- a/app/src/components/NodesLayer.vue +++ b/app/src/components/NodesLayer.vue @@ -29,7 +29,9 @@ </div> <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> + <p class="allemoji" v-if="nodeid == emojis.node_id"> + {{ emojis.emoji_text }} + </p> </div> <p>markdown supported</p> diff --git a/app/src/components/OtherNodeslayer.vue b/app/src/components/OtherNodeslayer.vue index baabeb475a4192df65863ca2a6f63c7397deb946..c9a8753c7a9bfc9244d98d48c4f3d126babd1c58 100644 --- a/app/src/components/OtherNodeslayer.vue +++ b/app/src/components/OtherNodeslayer.vue @@ -18,13 +18,20 @@ <p :id="nodeid" :inner-html.prop="nodetext | marked">{{ nodeid }}</p> <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> + <p class="allemoji" v-if="nodeid == emojis.node_id"> + {{ emojis.emoji_text }} + </p> </div> <div class="react" v-if="nodeid != undefined"> <h2>React</h2> <div class="eeee"> <input :value="nodeid" name="id" readonly hidden /> - <input id="emojifield" class="regular-input" v-model="input" readonly /> + <input + id="emojifield" + class="regular-input" + v-model="input" + readonly + /> <emoji-picker @emoji="append" :search="search"> <div @@ -33,7 +40,12 @@ slot-scope="{ events: { click: clickEvent } }" @click.stop="clickEvent" > - <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> + <svg + height="24" + viewBox="0 0 24 24" + width="24" + xmlns="http://www.w3.org/2000/svg" + > <path d="M0 0h24v24H0z" fill="none" /> <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z" @@ -49,7 +61,10 @@ <input type="text" v-model="search" v-focus /> </div> <div> - <div v-for="(emojiGroup, category) in emojis" :key="category"> + <div + v-for="(emojiGroup, category) in emojis" + :key="category" + > <h5>{{ category }}</h5> <div class="emojis"> <span @@ -57,7 +72,8 @@ :key="emojiName" @click="insert(emoji)" :title="emojiName" - >{{ emoji }}</span> + >{{ emoji }}</span + > </div> </div> </div>