diff --git a/css/base.css b/css/base.css index d4b0e489..1b7538f3 100644 --- a/css/base.css +++ b/css/base.css @@ -219,7 +219,7 @@ form { } #self-avatar { - width: 30pt; + width: 3rem; height: auto; flex: none; } @@ -247,8 +247,8 @@ form { #contact-box li { display: flex; - padding: 0.5em; - min-height: 3.5em; + padding: 0.35rem 0.25rem 0.5rem 0.35rem; + min-height: 3.5rem; overflow: hidden; } #contact-box li:hover { @@ -264,15 +264,15 @@ form { /* Avatar and online-offline indicator */ #contact-box .avatar-box { - margin-right: 1rem; + margin-right: 0.5rem; position: relative; - width: 30pt; - height: 30pt; + width: 3rem; + height: 3rem; overflow: hidden; padding: 0; } #contact-box .avatar { - width: 30pt; + width: 3rem; height: auto; } @@ -288,7 +288,7 @@ form { color: #4caf50; } #contact-box .offline { - color: #9e9e9e; + color: #888; } #add-topic { @@ -537,10 +537,10 @@ form { } #self-avatar.material-icons, .avatar-box .material-icons { - font-size: 30pt; + font-size: 2.8rem; } .avatar-box .material-icons { - color: #fafafa; + color: rgba(250, 250, 250, 0.8); /* #fafafa, gray 50 */ background-color: #bdbdbd; border-radius: 2pt; } diff --git a/index.html b/index.html index fdf9ba80..515a88f1 100644 --- a/index.html +++ b/index.html @@ -402,7 +402,8 @@ me.onSubsUpdated = this.tnMeSubsUpdated; }, tnMeContactUpdate: function(what, cont) { - console.log("changed: " + what + " in " + cont.topic); + console.log("changed: " + what + " in :"); + console.log(cont); this.forceUpdate(); }, tnInvite: function(invite) { @@ -684,18 +685,18 @@ dignissim a diam a hendrerit. Nulla vel est ut quam rhoncus pulvinar. In hac hab keypressTimestamp: new Date().getTime() - KEYPRESS_DELAY - 1 }; }, - handleSend: function(e) { + handleSend: function() { var message = this.state.message.trim(); if (message) { this.props.sendMessage(this.state.message.trim()); this.setState({message: ''}); } }, + /* Send on Enter key */ handleKeyPress: function(e) { + /* Remove this if you don't want Enter to trigger send */ if (e.key === 'Enter') { - console.log('do validate'); - } else { - console.log(e.key); + this.handleSend(); } }, handleMessageTyping: function(e) {