From 3511f11fa2e7daf02afa42bf72a23d135886c6eb Mon Sep 17 00:00:00 2001 From: Eric Amodio Date: Fri, 2 Feb 2018 13:52:22 -0500 Subject: [PATCH] Adds what's new to the Welcome --- src/ui/scss/main.scss | 84 ++++++++++++++++++++++++++++++++++++++++++++++ src/ui/settings/index.html | 17 +++++----- src/ui/welcome/index.html | 16 +++++++-- 3 files changed, 107 insertions(+), 10 deletions(-) diff --git a/src/ui/scss/main.scss b/src/ui/scss/main.scss index df7d6fa..b56c6f7 100644 --- a/src/ui/scss/main.scss +++ b/src/ui/scss/main.scss @@ -150,6 +150,80 @@ ul { padding: 0; } +.changelog { + border-radius: 1em; + margin: 2em 4em 2em 2em; + + .vscode-light & { + background-color: var(--background-color--darken-05); + box-shadow: inset 0 0 6px 0px rgba(0, 0, 0, 0.05); + } + + .vscode-dark & { + background-color: var(--background-color--lighten-15); + box-shadow: inset 0 0 6px 0px rgba(255, 255, 255, 0.075); + } +} + +.changelog__badge { + background-color: #0366d6; + color: #e6e6e6; + display: inline-block; + font-size: 11px; + font-weight: 600; + border-radius: 3px; + padding: 2px 5px; + text-transform: uppercase; + text-align: center; + vertical-align: text-top; + margin-right: 1.25em; + width: 65px; +} + +.changelog__badge--added { + background-color: #28a745; +} + +.changelog__badge--changed, +.changelog__badge--fixed { + background-color: #0366d6; +} + +.changelog__hint { + color: var(--color--75); + font-weight: 200; + margin: 0 1em 1em 1em; +} + +.changelog__list { + flex: 100% 0 1; + list-style-type: none; + margin: 1em; + font-size: 1.2em; + font-weight: 200; + line-height: 1.7; + + & li { + margin-bottom: 0.5em; + } +} + +.changelog__title { + flex: 100% 0 0; + text-align: center; +} + +.changelog__version { + background-color: #914db3; + color: #f2f2f2; + padding: 2px 10px; + text-align: center; + vertical-align: bottom; + border-radius: 3px; + border-bottom: 2px solid #914db3; + margin: 0 0.25em; +} + .command { font-weight: 600; padding: 1px 3px; @@ -193,6 +267,16 @@ ul { } } +.header__link { + color: var(--color); + outline: none; + + &:hover, &:active, &:focus { + color: var(--color); + outline: none; + } +} + .header__logo { display: flex; flex-wrap: nowrap; diff --git a/src/ui/settings/index.html b/src/ui/settings/index.html index 3ec7120..4f38cd5 100644 --- a/src/ui/settings/index.html +++ b/src/ui/settings/index.html @@ -10,13 +10,15 @@
- @@ -524,7 +525,7 @@
+
+

What's New in GitLens 8 🎉🎈

+
    +
  • NEWBrand new Welcome experience — you're looking at it
    • +
  • NEWBrand new WYSIWYG GitLens Settings editor — GitLens is easier than ever to customize to suit your needs
    • +
  • IMPROVEDReworked settings — clearer, simpler settings
    • +
+

+ See the Release Notes for the full set of changes +

+
+
@@ -59,9 +71,9 @@

GitLens is powerful, feature rich, and highly customizable to meet your specific needs — find code lens intrusive or the current line blame annotation distracting — - no problem, it is quick and easy to turn them off or change how they behave via the built-in GitLens Settings editor, + no problem, it is quick and easy to turn them off or change how they behave via the built-in GitLens Settings editor, a WYSIWYG editor covering many of GitLens' powerful settings. - While for more advanced customizations, refer to the GitLens settings docs + While for more advanced customizations, refer to the GitLens settings docs and edit your User Settings.