From 85d732506b52488385ca6e706374c29138ae1f2e Mon Sep 17 00:00:00 2001 From: Keith Daulton Date: Thu, 1 Jun 2023 14:16:11 -0400 Subject: [PATCH] Updates welcome graph illustration to svg --- src/webviews/apps/welcome/welcome.html | 71 +++++++++++++++++++++++++++++++--- src/webviews/apps/welcome/welcome.scss | 53 +++++++++++++++++++++++++ 2 files changed, 119 insertions(+), 5 deletions(-) diff --git a/src/webviews/apps/welcome/welcome.html b/src/webviews/apps/welcome/welcome.html index aa47b38..3454a0d 100644 --- a/src/webviews/apps/welcome/welcome.html +++ b/src/webviews/apps/welcome/welcome.html @@ -327,11 +327,72 @@ helps you easily visualize and keep track of all work in progress

- Illustration of the Commit Graph + + + + + + + + + + + + + + + + + + + + + + + + + + + + Optimizes CSS output Add overflow corrector Fixes stash node icon alignment Removes dead code Fix bugs in telemetry system Ensures proper date ordering for Graph Use gitconfig to suggest profile author and email Log error instead of throwing Runs yarn install after unlink Add file-diff icons, bump component version Centralize command registrations Add type safety to date ordering + feature/onboard + main + Work In Progress + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + feature/graph + bug/error-log + + +

✨ Requires a trial or subscription to use this on privately hosted repos

Focus ✨

diff --git a/src/webviews/apps/welcome/welcome.scss b/src/webviews/apps/welcome/welcome.scss index 8811ae8..bf19311 100644 --- a/src/webviews/apps/welcome/welcome.scss +++ b/src/webviews/apps/welcome/welcome.scss @@ -542,6 +542,59 @@ gk-card p { } } +.graph { + border: 0.1rem solid var(--vscode-editorWidget-border); + + text { + font-family: var(--vscode-font-family); + font-weight: var(--vscode-font-weight); + font-size: 1.1rem; + } + + &__container { + fill: var(--vscode-editor-background); + } + + &__foreground { + fill: var(--vscode-editor-foreground); + } + + &__lane-1-foreground { + stroke: var(--vscode-gitlens-graphLane1Color); + } + &__lane-1-background { + fill: var(--vscode-gitlens-graphLane1Color); + } + + &__lane-2-foreground { + stroke: var(--vscode-gitlens-graphLane2Color); + } + &__lane-2-background { + fill: var(--vscode-gitlens-graphLane2Color); + } + + &__lane-3-foreground { + stroke: var(--vscode-gitlens-graphLane3Color); + } + &__lane-3-background { + fill: var(--vscode-gitlens-graphLane3Color); + } + + &__lane-4-foreground { + stroke: var(--vscode-gitlens-graphLane4Color); + } + &__lane-4-background { + fill: var(--vscode-gitlens-graphLane4Color); + } + + &__lane-5-foreground { + stroke: var(--vscode-gitlens-graphLane5Color); + } + &__lane-5-background { + fill: var(--vscode-gitlens-graphLane5Color); + } +} + [data-action] { cursor: pointer; }