From 326b120536d9c7ba72755ad90dc03fa406e3347f Mon Sep 17 00:00:00 2001
From: Keith Daulton <kdaulton@d13design.com>
Date: Fri, 7 Oct 2022 16:00:03 -0400
Subject: [PATCH] Fixes bg images not loading on home view

---
 src/webviews/apps/home/home.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/webviews/apps/home/home.html b/src/webviews/apps/home/home.html
index dbd341a..629904c 100644
--- a/src/webviews/apps/home/home.html
+++ b/src/webviews/apps/home/home.html
@@ -68,7 +68,7 @@
 			<header-card id="header-card" image="#{webroot}/media/gitlens-logo.webp"></header-card>
 		</header>
 		<main class="home__main" id="main" tabindex="-1">
-			<style>
+			<style nonce="#{cspNonce}">
 				.video-banner {
 					--video-banner-bg: url(#{webroot}/media/getting-started.webp);
 				}
@@ -80,6 +80,9 @@
 				.vscode-light .video-banner {
 					--video-banner-play: url(#{webroot}/media/play-button-dark.webp);
 				}
+				.gl-plus-banner {
+					background-image: url(#{webroot}/media/gitlens-backdrop.webp);
+				}
 			</style>
 			<div class="stepped-sections">
 				<stepped-section id="welcome">
@@ -245,7 +248,7 @@
 				</stepped-section>
 				<stepped-section id="plus">
 					<span slot="heading">Want even more from GitLens?</span>
-					<card-section no-heading backdrop="#{webroot}/media/gitlens-backdrop.webp">
+					<card-section class="gl-plus-banner" no-heading>
 						<div class="centered">
 							<p class="type-tight">
 								<span class="logo"><span class="foreground">Git</span>Lens+</span>