From abc1664ef72e639a720b8c6bad743c62c63e5fba Mon Sep 17 00:00:00 2001 From: Mendel Konikov Date: Thu, 31 Jan 2019 09:59:58 -0500 Subject: [PATCH] WIP: Snackbar close --- client/coral-embed/src/SnackBar.js | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/client/coral-embed/src/SnackBar.js b/client/coral-embed/src/SnackBar.js index 67851ce4e..e71676f28 100644 --- a/client/coral-embed/src/SnackBar.js +++ b/client/coral-embed/src/SnackBar.js @@ -24,7 +24,16 @@ export default class Snackbar { constructor(customStyle = {}) { this.timeout = null; this.el = document.createElement('div'); - this.el.id = 'coral-notif'; + this.el.id = 'coral-notif-tat'; + + const closeButton = document.createElement('i'); + closeButton.className = 'material-icons'; + closeButton.textContent = 'close'; + closeButton.onclick = function() { + this.el.style.opacity = 0; + }; + this.el.appendChild(closeButton); + // message overrides contents. need to fix. // Apply custom styles to the snackbar. const style = Object.assign({}, DEFAULT_STYLE, customStyle);