From 24b2fc65a07728c77a74b85d4d14bbe814861099 Mon Sep 17 00:00:00 2001
From: Maurits Lourens <maurits.lourens@nedap.com>
Date: Fri, 28 Jan 2022 16:06:46 +0100
Subject: [PATCH] Adds a url to the templates
---
.../pages/builder/portal/apps/index.svelte | 21 +++++++++++++++++++
1 file changed, 21 insertions(+)
diff --git a/packages/builder/src/pages/builder/portal/apps/index.svelte b/packages/builder/src/pages/builder/portal/apps/index.svelte
index faa57e5df3..bf783fdb86 100644
--- a/packages/builder/src/pages/builder/portal/apps/index.svelte
+++ b/packages/builder/src/pages/builder/portal/apps/index.svelte
@@ -337,6 +337,14 @@
}}
class="template-card"
>
+ <a
+ href={item.url}
+ target="_blank"
+ class="external-link"
+ on:click|stopPropagation
+ >
+ <Icon name="LinkOut" size="S" />
+ </a>
<div class="card-body">
<div style="color: {item.background}" class="iconAlign">
<svg
@@ -518,6 +526,7 @@
border: 1px solid var(--spectrum-global-color-gray-300);
cursor: pointer;
display: flex;
+ position: relative;
}
.template-card:hover {
@@ -528,6 +537,18 @@
align-items: center;
padding: 12px;
}
+
+ .external-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ color: var(--spectrum-global-color-gray-300);
+ z-index: 99;
+ }
+ .external-link:hover {
+ color: var(--spectrum-global-color-gray-500);
+ }
+
.iconAlign {
padding: 0 0 0 var(--spacing-m);
display: inline-block;