From 798a64dba650999dff9bc19c202521570274230a Mon Sep 17 00:00:00 2001 From: Eric Amodio Date: Sun, 4 Jun 2023 19:15:56 -0400 Subject: [PATCH] Polishes SVGs on Welcome Replaces "path" icons with codicons or glicons --- src/webviews/apps/welcome/welcome.html | 107 ++++++++++----------------------- src/webviews/apps/welcome/welcome.scss | 38 ++++++------ 2 files changed, 50 insertions(+), 95 deletions(-) diff --git a/src/webviews/apps/welcome/welcome.html b/src/webviews/apps/welcome/welcome.html index 94b5393..a22c446 100644 --- a/src/webviews/apps/welcome/welcome.html +++ b/src/webviews/apps/welcome/welcome.html @@ -68,15 +68,15 @@ xmlns="http://www.w3.org/2000/svg" > - + - You, 6 years ago via PR #1(November 12th, 2016 3:41pm)Supercharge Git + You, 6 years ago via PR #1(November 12th, 2016 3:41pm)Supercharge Git - 29ad3a0|||| + 29ad3a0|||| @@ -89,7 +89,7 @@ - Changes3ac1d3f29ad3a0| + Changes3ac1d3f29ad3a0| @@ -130,32 +130,22 @@

File Annotations

On-demand whole file annotations to see authorship, recent changes, and a heatmap + + - - - - - + + + - - + + - - - -

@@ -220,6 +202,8 @@

Revision Navigation

Effortlessly explore the history of a file to see how the code evolved over time + + - - - - - - - + + + + + + + - - - - - - - - -

@@ -329,21 +289,17 @@ - -  main - + + main - - feature/onboard - + + feature/onboard - - feature/graph - + + feature/graph - - bug/crash - + + bug/crash @@ -399,8 +355,7 @@ - Work in progress - + Work in progress21 Improves performance & reduces bundle size Adds brand new welcome experience diff --git a/src/webviews/apps/welcome/welcome.scss b/src/webviews/apps/welcome/welcome.scss index 4cbe89c..2f6781a 100644 --- a/src/webviews/apps/welcome/welcome.scss +++ b/src/webviews/apps/welcome/welcome.scss @@ -521,11 +521,24 @@ gk-card p { } } +.codicon { + font-family: codicon; + cursor: default; + user-select: none; +} + +.glicon { + font-family: glicons; + cursor: default; + user-select: none; +} + .toolbar { fill: var(--vscode-menu-background); &-icon { fill: var(--vscode-icon-foreground); + font-size: 16px; &__annotations { &:not(.inactive) { @@ -537,23 +550,23 @@ gk-card p { animation-timing-function: steps(8); } - path:first-child { + circle { fill: #f05133; stroke: none; } - path:last-child { + path { fill: var(--vscode-menu-background); } body[data-feature-annotations='off'] &, &.inactive { - path:first-child { + circle { fill: none; stroke: var(--vscode-icon-foreground); } - path:last-child { + path { fill: var(--vscode-icon-foreground); } } @@ -591,7 +604,8 @@ gk-card p { fill: var(--color-foreground); } - &.inactive { + &.inactive, + & .inactive { opacity: 0.6; } } @@ -622,15 +636,6 @@ gk-card p { font-weight: 700 !important; } - &__checkmark-icon, - &__pr-icon { - fill: white; - } - - &__wip-icon { - fill: var(--vscode-editor-foreground); - } - &__messages { opacity: 0.7; } @@ -737,11 +742,6 @@ gk-card p { font-style: italic; } - &__codicon { - fill: var(--vscode-editorHoverWidget-foreground); - font-family: codicon; - } - &__link { fill: #3794ff !important; }