diff --git a/manage.html b/manage.html index 5172331b..a5c055a3 100644 --- a/manage.html +++ b/manage.html @@ -110,6 +110,9 @@ + + + diff --git a/msgbox/msgbox.css b/msgbox/msgbox.css index f53ca76c..d632efc7 100644 --- a/msgbox/msgbox.css +++ b/msgbox/msgbox.css @@ -78,15 +78,15 @@ font-weight: bold; } +#message-box.danger #message-box-close-icon svg:hover { + fill: #600; +} + #message-box-close-icon { cursor: pointer; - width: 8px; - height: 8px; - border: 8px solid transparent; position: absolute; - right: 0; - top: 0; - background: linear-gradient(-45deg, transparent 5px, black 5px, black 6px, transparent 6.5px) no-repeat, linear-gradient(45deg, transparent 5px, black 5px, black 6px, transparent 6.5px) no-repeat; + right: 3px; + top: 7px; } #message-box-contents { diff --git a/msgbox/msgbox.js b/msgbox/msgbox.js index 310a998f..03a4363e 100644 --- a/msgbox/msgbox.js +++ b/msgbox/msgbox.js @@ -55,7 +55,10 @@ function messageBox({ messageBox.element = $element({id, className, appendChild: [ $element({appendChild: [ $element({id: `${id}-title`, innerHTML: title}), - $element({id: `${id}-close-icon`, onclick: messageBox.listeners.closeIcon}), + $element({ + id: `${id}-close-icon`, + innerHTML: '', + onclick: messageBox.listeners.closeIcon}), $element({id: `${id}-contents`, [putAs]: contents}), $element({id: `${id}-buttons`, appendChild: buttons.map((textContent, buttonIndex) => textContent &&