diff options
| author | Marvin Borner | 2019-07-06 15:15:15 +0200 |
|---|---|---|
| committer | Marvin Borner | 2019-07-06 15:15:15 +0200 |
| commit | fa87d36abd9ef66f057f56f4e436911aa4a77f70 (patch) | |
| tree | 13318b86be09478a231751ace3d76b5e8b2901e6 /public | |
| parent | 07b0d7b34cf7438607655de099f1edb70a526708 (diff) | |
Diffstat (limited to 'public')
| -rw-r--r-- | public/scripts/chat.js | 19 | ||||
| -rw-r--r-- | public/styles/main.sass | 1 |
2 files changed, 11 insertions, 9 deletions
diff --git a/public/scripts/chat.js b/public/scripts/chat.js index 04a6852..43aad4e 100644 --- a/public/scripts/chat.js +++ b/public/scripts/chat.js @@ -137,7 +137,7 @@ function chat() { } else if (err.type === 'peer-unavailable') { swal('Peer could not be found!', '', 'error'); } else if (err.type === 'unavailable-id') { - swal('Ou snap! Your ID isn\'t available!', '', 'error'); + swal('Oh snap! Your ID isn\'t available!', '', 'error'); } else if (err.type === 'disconnected') { swal('Not connected to the server!', 'Please reconnect using the anonymize button.', 'error'); } else { @@ -473,14 +473,15 @@ function chat() { if (!$(`[data-peer="${peerObj.peer_id}"]`).length) { // Contact isn't already there $('#contact_list') .append(` - <column> - <button - class="button action-button is-big is-outlined is-white" - data-peer="${peerObj.peer_id}"> - <i class="fas fa-user"></i> - </button> - </column> - `); + <column> + <button + class="button action-button is-big is-outlined is-white tooltip" + data-peer="${peerObj.peer_id}" + data-tooltip="${peerObj.peer_id.split('-').map(text => text[0]).join('')}"> + <i class="fas fa-user"></i> + </button> + </column> + `); $(`[data-peer="${peerObj.peer_id}"]`) .off('click') .on('click', () => connect(peerObj.peer_id)); diff --git a/public/styles/main.sass b/public/styles/main.sass index ce758fe..2157adf 100644 --- a/public/styles/main.sass +++ b/public/styles/main.sass @@ -7,6 +7,7 @@ // Normal input doesn't work here for npm packages! @import "../../node_modules/bulma/bulma" +@import "../../node_modules/bulma-tooltip/dist/css/bulma-tooltip" @import "../../node_modules/jquery-ui-bundle/jquery-ui.min" @import "variables" @import "style" |