v0.1.9 リアクションした人の名前が見切れる問題を修正

mohno007 · Jan 11, 2019 · 858251f · 858251f
1 parent 64945e9
commit 858251f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "typetalk-emoreact",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "",
   "scripts": {
     "build": "rollup --config",

diff --git a/src/view.js b/src/view.js
@@ -130,13 +130,15 @@ export const style = html`
       transition: opacity 0.2s linear 0s;
 
       width: max-content;
-      max-width: 20vw;
+      max-width: 10vw;
 
       background: rgba(80, 80, 80, 0.8);
       padding: 0.5em 1em;
       border-radius: 10px;
       color: white;
       font-size: 0.8em;
+
+      word-break: break-all;
     }
 
     :hover > .typetalk_emoreact_reaction--users {
@@ -304,7 +306,7 @@ const reaction = ({ me, message, reaction }, actions, reduce) => {
         ${
           Array.from(reaction.users)
             .map(u => u.name)
-            .join(',')
+            .join(', ')
         }
       </div>
     </div>