Fix: unwanted whitespace in inline element

rg-wood · Jul 30, 2024 · a6d9c56 · a6d9c56
1 parent 013b66f
commit a6d9c56
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 16 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@grislyeye/link-preview",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Custom element to hover link previews",
   "main": "link-preview.js",
   "type": "module",

diff --git a/src/link-preview.js b/src/link-preview.js
@@ -79,20 +79,18 @@ class LinkPreview extends LitElement {
   }
 
   render() {
-    return html`
-      <lion-tooltip>
-        <div slot="invoker">
-          <slot></slot>
+    return html`<lion-tooltip>
+      <div slot="invoker">
+        <slot></slot>
+      </div>
+
+      <div slot="content">
+        <div part="preview" id="preview">
+          <h2>${until(this.title())}</h2>
+          <p>${until(this.description())}</p>
         </div>
-
-        <div slot="content">
-          <div part="preview" id="preview">
-            <h2>${until(this.title())}</h2>
-            <p>${until(this.description())}</p>
-          </div>
-        </div>
-      </lion-tooltip>
-    `
+      </div>
+    </lion-tooltip>`
   }
 }