From 6c0d8f7b7b617ec5f2ddd80070e31fc9b51c9672 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sat, 21 Nov 2020 15:31:05 +0100
Subject: [PATCH] svg fix

---
 src/pages/_includes/cards/icons.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/_includes/cards/icons.html b/src/pages/_includes/cards/icons.html
index a0bee109a..5ceb7b8a2 100644
--- a/src/pages/_includes/cards/icons.html
+++ b/src/pages/_includes/cards/icons.html
@@ -28,7 +28,7 @@
 					<ul class="demo-icons-list">
 						{% for icon in icons limit: limit %}
 						<li class="demo-icons-list-item">
-							<a href="#" class="text-reset" data-toggle-icon="{{ icon }}" data-toggle="tooltip" title="{{ icon }}" data-icon-svg="{% capture svg %}{% highlight html %}{% include ui/icon.html icon=icon %}{% endhighlight %}{% endcapture %}{{ svg | escape }}">
+							<a href="#" class="text-reset" data-toggle-icon="{{ icon }}" title="{{ icon }}" data-icon-svg="{% capture svg %}{% highlight html %}{% include ui/icon.html icon=icon %}{% endhighlight %}{% endcapture %}{{ svg | escape }}">
 								{% include ui/icon.html icon=icon %}
 								<div class="mt-1 text-muted text-h5">{{ icon }}</div>
 							</a>
@@ -60,10 +60,12 @@
 			elements.forEach(function (element) {
 				element.addEventListener('click', function(e){
 					var icon = this.dataset.toggleIcon,
-						svg = this.innerHTML,
+						svg = this.querySelector('svg'),
 						iconCode = this.dataset.iconSvg,
 						editor = getClosest(this, '[data-icon-preview]');
 
+					console.log('icon', icon);
+					console.log('icon', this.querySelector('svg'));
 					console.log('iconCode', iconCode);
 
 					editor.querySelectorAll('[data-icon-preview-icon]')[0].innerHTML = svg;