feat: Display preview for AI Fix (#445)

snyk · Apr 19, 2024 · b866d3c · b866d3c
1 parent 89cbe8f
commit b866d3c
Show file tree

Hide file tree

Showing 21 changed files with 1,413 additions and 236 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,6 @@
 # Snyk Security Changelog
+## [2.6.0]
+- Improve UX of AI fixes by adding previews and options
 
 ## [2.4.1]
 - updated the language server protocol version to 11 to support global ignores

diff --git a/media/images/icon-external.svg b/media/images/icon-external.svg
diff --git a/media/views/common/vscode.scss b/media/views/common/vscode.scss
@@ -9,6 +9,8 @@
   --input-padding-horizontal: 4px;
   --input-margin-vertical: 4px;
   --input-margin-horizontal: 0;
+  --button-padding-horizontal: 16px;
+  --button-padding-vertical: 6px;
 }
 
 body {
@@ -25,8 +27,8 @@ ul {
   padding-left: var(--container-paddding);
 }
 
-body > *,
-form > * {
+body>*,
+form>* {
   margin-block-start: var(--input-margin-vertical);
   margin-block-end: var(--input-margin-vertical);
 }
@@ -35,8 +37,16 @@ form > * {
   outline-color: var(--vscode-focusBorder) !important;
 }
 
-a {
+p {
+  margin-top: 0;
+  margin-bottom: 2rem;
+}
+
+a,
+.link {
+  cursor: pointer;
   color: var(--vscode-textLink-foreground);
+  fill: currentColor;
 }
 
 a:hover,
@@ -51,8 +61,7 @@ code {
 
 button {
   border: none;
-  padding: var(--input-padding-vertical) var(--input-padding-horizontal);
-  width: 100%;
+  padding: var(--button-padding-vertical) var(--button-padding-horizontal);
   text-align: center;
   outline: 1px solid transparent;
   outline-offset: 2px !important;