- Open a Folder or Repository
-
+ - To use GitLens, open a folder containing a git repository or clone from a URL from the - Explorer. -
- -+ To use GitLens, open a folder containing a git repository or clone from a URL from the + Explorer. +
diff --git a/src/webviews/apps/home/home.scss b/src/webviews/apps/home/home.scss
index e4a3e7f..f1b4683 100644
--- a/src/webviews/apps/home/home.scss
+++ b/src/webviews/apps/home/home.scss
@@ -133,6 +133,10 @@ body {
flex: none;
padding: 0 2rem;
position: relative;
+
+ [aria-hidden='false'] + header-card {
+ display: none;
+ }
}
&__main {
flex: 1;
@@ -271,6 +275,10 @@ ul {
text-align: center;
}
+.one-line {
+ white-space: nowrap;
+}
+
.foreground {
color: var(--color-view-foreground);
}
@@ -374,6 +382,21 @@ ul {
font-size: 1.2rem;
margin: 0.4rem 0 0;
}
+
+ &--info {
+ background-color: var(--color-alert-infoBackground);
+ border-left-color: var(--color-alert-infoBorder);
+ }
+
+ &--warning {
+ background-color: var(--color-alert-warningBackground);
+ border-left-color: var(--color-alert-warningBorder);
+ }
+
+ &--danger {
+ background-color: var(--color-alert-errorBackground);
+ border-left-color: var(--color-alert-errorBorder);
+ }
}
.activitybar-banner {
diff --git a/src/webviews/apps/home/home.ts b/src/webviews/apps/home/home.ts
index ee3698e..9a92ea2 100644
--- a/src/webviews/apps/home/home.ts
+++ b/src/webviews/apps/home/home.ts
@@ -244,10 +244,13 @@ export class HomeApp extends App {
private updateNoRepo() {
const { extensionEnabled } = this.state;
- const $el = document.getElementById('no-repo');
- if ($el) {
- $el.setAttribute('aria-hidden', extensionEnabled ? 'true' : 'false');
- }
+ const value = extensionEnabled ? 'true' : 'false';
+
+ let $el = document.getElementById('no-repo');
+ $el?.setAttribute('aria-hidden', value);
+
+ $el = document.getElementById('no-repo-alert');
+ $el?.setAttribute('aria-hidden', value);
}
private updateLayout() {
@@ -270,6 +273,7 @@ export class HomeApp extends App {
$plusContent.setAttribute('visibility', visibility);
$plusContent.setAttribute('plan', subscription.plan.effective.name);
$plusContent.setAttribute('plus', plusEnabled.toString());
+ ($plusContent as PlusBanner).extensionEnabled = this.state.extensionEnabled;
}
$plusContent = document.getElementById('plus-content');