Adds discussion link to the Focus View

1 year ago · 9b63d1b939
--- a/src/webviews/apps/plus/focus/focus.html
+++ b/src/webviews/apps/plus/focus/focus.html
@ -7,7 +7,16 @@
 	<body class="preload app">
 		<header class="app__header" id="header">
 			<span class="badge">Preview</span>
 			<account-badge id="account-badge"></account-badge>
 			<span class="app__header-group">
 				<account-badge id="account-badge"></account-badge>
 				<a
 					href="https://github.com/gitkraken/vscode-gitlens/discussions/2535"
 					title="Focus View Feedback"
 					aria-label="Focus View Feedback"
 					class="feedback-button"
 					><code-icon icon="feedback"></code-icon
 				></a>
 			</span>
 		</header>

 		<div class="app__content" id="content">
--- a/src/webviews/apps/plus/focus/focus.scss
+++ b/src/webviews/apps/plus/focus/focus.scss
@ -210,6 +210,32 @@ p {
 	}
 }

 .feedback-button {
 	position: relative;
 	appearance: none;
 	font-family: inherit;
 	font-size: 1.2rem;
 	line-height: 2.2rem;
 	background-color: transparent;
 	border: none;
 	color: inherit;
 	padding: 0 0.75rem;
 	cursor: pointer;
 	border-radius: 0.3rem;
 	height: auto;

 	&:hover {
 		background-color: var(--background-10);
 		color: var(--color-foreground);
 		text-decoration: none;
 	}

 	code-icon {
 		font-size: 1.6rem;
 		vertical-align: middle;
 	}
 }

 .app {
 	display: flex;
 	flex-direction: column;
@ -230,6 +256,14 @@ p {

 		text-align: right;
 		background-color: var(--background-05);

 		&-group {
 			flex: none;
 			display: flex;
 			flex-direction: row;
 			align-items: center;
 			gap: 0.5rem;
 		}
 	}

 	&__content {