From fb84cbf5455cc9343f73d965edc3b0f7961868d8 Mon Sep 17 00:00:00 2001
From: Henri Bergius <henri.bergius@iki.fi>
Date: Mon, 4 Dec 2017 19:02:26 +0100
Subject: [PATCH] Handle longer user lists

---
 elements/userlist.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/elements/userlist.js b/elements/userlist.js
index 4b03694..be90a4e 100644
--- a/elements/userlist.js
+++ b/elements/userlist.js
@@ -53,6 +53,9 @@ class UserList extends Component {
         -webkit-animation-timing-function:ease-in-out;
         -webkit-animation-direction: alternate;
       }
+      .long .deco {
+        display: none;
+      }
       span.output {
         color: #fff;
       }
@@ -67,11 +70,14 @@ class UserList extends Component {
     const el = document.createElement('div');
     el.className = 'terminal';
     el.innerHTML = `
-      <div><span class="prompt">user@c-beam&gt;</span> #who</div>
+      <div class="deco"><span class="prompt">user@c-beam&gt;</span> #who</div>
       <div><span class="output">${data.join(', ')}</span></div>
       <div>total: <span class="output">${data.length}</span></div>
-      <div><span class="prompt">user@c-beam&gt;</span> <blink>_</blink></div>
+      <div class="deco"><span class="prompt">user@c-beam&gt;</span> <blink>_</blink></div>
     `;
+    if (data.join(', ').length > 100) {
+      el.classList.add('long');
+    }
     return el;
   }
 }