diff --git a/apps/system/js/haiku_emoji_panel.js b/apps/system/js/haiku_emoji_panel.js index 7329c74a41..a555bab485 100644 --- a/apps/system/js/haiku_emoji_panel.js +++ b/apps/system/js/haiku_emoji_panel.js @@ -18,8 +18,8 @@ }; var emoji_map = { - left: 'ThumbsUp', - middle: 'Heart', + left: 'Thumbs Up', + middle: 'Love', right: 'Smiley' }; @@ -104,8 +104,10 @@ //animate emoji to increase scale x2 then reset scale after 2000ms currentNode.classList.add('iconReceived'); + emojis.classList.add('dim'); setTimeout(function() { currentNode.classList.remove('iconReceived'); + emojis.classList.remove('dim'); if (msgArrayLength === 0) { logStatus.innerText = 'Touch to send.'; } diff --git a/apps/system/style/haiku/haiku-9.css b/apps/system/style/haiku/haiku-9.css index 9271ce108b..2a7c030d67 100644 --- a/apps/system/style/haiku/haiku-9.css +++ b/apps/system/style/haiku/haiku-9.css @@ -21,7 +21,7 @@ body { flex-direction: column; justify-content: center; background: #ffffff; - font-size: 1.8rem; + font-size: 2.4rem; } #panels { @@ -89,7 +89,6 @@ body:not([data-ready="ready"]) .btn { font-size: 1.5rem; box-sizing: border-box; border-radius: 6rem; - box-shadow: 0 6px 9px 1px rgba(0, 0, 0, 0.6); background: url('images/call_btn.png') center no-repeat; } @@ -98,7 +97,7 @@ body:not([data-ready="ready"]) .btn { } #call_btn.missed { - box-shadow: 0 0 10px 10px rgba(255, 0, 0, 1); + box-shadow: 0 0 0 10px #EF3F23; } /** @@ -115,6 +114,7 @@ Emoji Panel Styles #panel_emoji.received { pointer-events: none; background-color: #9ECC3A; + color: #fff; } .left { @@ -132,7 +132,7 @@ Emoji Panel Styles .received { background-color: #9ECC3A; color: #fff; - font-size: 2rem; + font-size: 2.4rem; } #signal { @@ -206,6 +206,10 @@ Emoji Panel Styles transform: scale(1.5); } +.dim section[id="emoji-icons"] > div:not(.iconReceived) { + opacity: 0.2; +} + .iconReceived { transform: scale(1.5); } diff --git a/apps/system/style/haiku/images/call_btn.png b/apps/system/style/haiku/images/call_btn.png index 362509ae4a..e7b40eb949 100644 Binary files a/apps/system/style/haiku/images/call_btn.png and b/apps/system/style/haiku/images/call_btn.png differ diff --git a/apps/system/style/haiku/images/call_open_btn.png b/apps/system/style/haiku/images/call_open_btn.png index 230d0a5908..89eb301efc 100644 Binary files a/apps/system/style/haiku/images/call_open_btn.png and b/apps/system/style/haiku/images/call_open_btn.png differ