feature-detect inline SVG, fallback close-msg-area button to text aut…

…omatically
TiddlyWiki · Feb 12, 2019 · 0568548 · 0568548
1 parent 3784233
commit 0568548
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/js/Messages.js b/js/Messages.js
@@ -9,15 +9,17 @@ function getMessageDiv()
 		return null;
 	if(!msgArea.hasChildNodes()) {
 		var btn = createTiddlyButton(createTiddlyElement(msgArea,"div",null,"messageArea__toolbar messageToolbar"),
-			config.messages.messageClose.text,
+			'',
 			config.messages.messageClose.tooltip,
 			clearMessage,
 			"button messageToolbar__button");
-		if(!config.options.chkDontUseSvgIcons) {
-			btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" class="messageToolbar__icon">'+
-			'	<rect width="1" height="13.1" x="4.5" y="-1.6" transform="rotate(-45 5 5)"/>'+
-			'	<rect width="1" height="13.1" x="4.5" y="-1.6" transform="rotate(+45 5 5)"/>'+
-			'</svg>';
+		btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" class="messageToolbar__icon">'+
+		'	<rect width="1" height="13.1" x="4.5" y="-1.6" transform="rotate(-45 5 5)"/>'+
+		'	<rect width="1" height="13.1" x="4.5" y="-1.6" transform="rotate(+45 5 5)"/>'+
+		'</svg>';
+		if(window.HTMLUnknownElement && btn.firstChild instanceof window.HTMLUnknownElement) {
+			btn.innerHTML = config.messages.messageClose.text;
+		} else {
 			btn.classList.add('messageToolbar__button_withIcon');
 		}
 	}