11import { consume } from '@lit/context' ;
22import { css , html , LitElement , nothing } from 'lit' ;
33import { customElement , query , state } from 'lit/decorators.js' ;
4- import { when } from 'lit/directives/when.js' ;
54import type { State } from '../../../home/protocol' ;
65import { CollapseSectionCommand , TogglePreviewEnabledCommand } from '../../../home/protocol' ;
76import { focusOutline } from '../../shared/components/styles/lit/a11y.css' ;
@@ -24,6 +23,10 @@ export class GlPreviewBanner extends LitElement {
2423 static override styles = [
2524 linkBase ,
2625 css `
26+ .title {
27+ margin-block-end: 0.4em;
28+ }
29+
2730 .text-button {
2831 padding: 0.4rem 0.8rem;
2932 }
@@ -95,26 +98,10 @@ export class GlPreviewBanner extends LitElement {
9598
9699 return html `
97100 < gl-card >
98- < p > < strong > Welcome to the ${ this . isNewInstall ? 'GitLens ' : 'new ' } Home View!</ strong > </ p >
99- < p >
100- ${ this . isNewInstall
101- ? html `This is a hub for your current, future, and recent work. `
102- : html `We've reimagined GitLens' Home to be a more helpful daily workflow tool. ` } We're
103- continuing to refine this experience and welcome your
104- < a class ="feedback " href ="https://github.com/gitkraken/vscode-gitlens/discussions/3721 "
105- > < code-icon icon ="feedback "> </ code-icon > feedback</ a
106- > .
107- </ p >
108- ${ when (
109- ! this . isNewInstall ,
110- ( ) => html `
111- < button-container >
112- < gl-button appearance ="secondary " @click =${ ( ) => this . togglePreview ( true ) } full
113- > < code-icon icon ="arrow-left "> </ code-icon > Revert to Old Home View</ gl-button
114- >
115- </ button-container >
116- ` ,
117- ) }
101+ < h4 class ="title "> Welcome to the GitLens Home View</ h4 >
102+ Streamline your workflow—effortlessly track, manage, and collaborate on your branches and pull
103+ requests—all in one intuitive hub.
104+ < a class ="feedback " href ="https://help.gitkraken.com/gitlens/home-view/ "> Learn more</ a > .
118105 < gl-button slot ="actions " appearance ="toolbar " tooltip ="Dismiss Welcome " @click =${ ( ) => this . onClose ( ) }
119106 > < code-icon icon ="close "> </ code-icon
120107 > </ gl-button >
0 commit comments