diff --git a/src/webviews/apps/home/home.html b/src/webviews/apps/home/home.html index 46f732a..22529fc 100644 --- a/src/webviews/apps/home/home.html +++ b/src/webviews/apps/home/home.html @@ -83,32 +83,7 @@ .gl-plus-banner { background-image: url(#{webroot}/media/gitlens-backdrop-opacity.webp); } - .vscode-high-contrast .ribbon-banner, - .vscode-dark .ribbon-banner { - background-image: url(#{webroot}/media/cyber-week-banner-dark.webp); - } - .vscode-high-contrast-light .ribbon-banner, - .vscode-light .ribbon-banner { - background-image: url(#{webroot}/media/cyber-week-banner-light.webp); - } -
Welcome to GitLens 13 diff --git a/src/webviews/apps/home/home.scss b/src/webviews/apps/home/home.scss index 119e74e..4fcd966 100644 --- a/src/webviews/apps/home/home.scss +++ b/src/webviews/apps/home/home.scss @@ -609,81 +609,6 @@ vscode-button { } } -.ribbon-banner { - &-container { - position: relative; - } - - &-dismiss { - position: absolute; - top: 0; - right: 0; - - display: inline-flex; - justify-content: center; - align-items: center; - width: 2.2rem; - height: 2.2rem; - color: var(--color-foreground--75); - &:hover { - color: var(--color-foreground--75); - text-decoration: none; - } - } - - .vscode-high-contrast &, - .vscode-dark & { - background-color: var(--color-background--lighten-10); - background-position: right -7rem center; - background-size: auto 140px; - } - .vscode-high-contrast-light &, - .vscode-light & { - background-color: var(--color-background--darken-10); - background-position: right 2.5rem center; - background-size: auto 28px; - } - - background-repeat: no-repeat; - display: block; - text-align: left; - color: inherit; - padding: 1.2rem 9.3rem 1.2rem 1.4rem; - line-height: 1.1; - margin-top: -2rem; - margin-bottom: 1rem; - border-radius: 0.4rem; - mix-blend-mode: luminosity; - opacity: 0.8; - transition: opacity ease 250ms, mix-blend-mode ease 250ms; - - &:focus, - &:hover { - color: inherit; - text-decoration: none; - mix-blend-mode: normal; - opacity: 1; - } - - h2 { - font-size: 1.2rem; - font-weight: inherit; - margin: 0 0 0.8rem 0; - } - p { - font-size: 1rem; - margin: 0; - opacity: 0.8; - } - strong { - font-weight: 800; - opacity: 1; - } - &__subtext { - opacity: 0.8; - } -} - @media (max-width: 280px) { .not-small { display: none; diff --git a/src/webviews/apps/home/home.ts b/src/webviews/apps/home/home.ts index 5c532e4..4239a51 100644 --- a/src/webviews/apps/home/home.ts +++ b/src/webviews/apps/home/home.ts @@ -230,15 +230,10 @@ export class HomeApp extends App { return; } - const { subscription, dismissedBanners } = this.state; - const isPaid = subscription.state === SubscriptionState.Paid; + const { dismissedBanners } = this.state; $banners.forEach($el => { const key = $el.getAttribute('data-banner'); - if ( - isPaid || - (key !== null && dismissedBanners?.includes(key)) || - (key === 'cyberweek2022' && !showCyberWeek()) - ) { + if (key !== null && dismissedBanners?.includes(key)) { $el.setAttribute('hidden', 'true'); } else { $el.removeAttribute('hidden'); @@ -357,11 +352,4 @@ function toggleArrayItem(list: string[] = [], item: string, add = true) { return list; } -const cyberweekStart = Date.parse('2022-11-28T07:00:00.000-08:00'); -const cyberweekEnding = Date.parse('2022-12-06T00:00:00.000-08:00'); -function showCyberWeek() { - const now = Date.now(); - return now < cyberweekEnding && now >= cyberweekStart; -} - new HomeApp(); diff --git a/src/webviews/apps/media/cyber-week-banner-dark.png b/src/webviews/apps/media/cyber-week-banner-dark.png deleted file mode 100644 index fee08e3..0000000 Binary files a/src/webviews/apps/media/cyber-week-banner-dark.png and /dev/null differ diff --git a/src/webviews/apps/media/cyber-week-banner-light.png b/src/webviews/apps/media/cyber-week-banner-light.png deleted file mode 100644 index 289fcc9..0000000 Binary files a/src/webviews/apps/media/cyber-week-banner-light.png and /dev/null differ