From 8741ad7c1358c9d7132393d20c71ac1ea2e99b46 Mon Sep 17 00:00:00 2001
From: perspectivus1 <perspectivus1@users.noreply.github.com>
Date: Thu, 12 Mar 2020 11:27:56 +0200
Subject: [PATCH] Changed styles of checkbox and expand questions (#180)

* added comment explaining why node_modules is included in vsix despite using webpack

* changed styles of checkbox and expand questions

* border-color: var(--vscode-panel-border, #cecece); /* TODO: replace with vscode-settings-textInputBorder when supported by Theia */

* "version": "0.0.54"

Co-authored-by: Tomer Epstein <57438361+tomer-epstein@users.noreply.github.com>
---
 backend/package.json                     |  2 +-
 frontend/.vscode/launch.json             | 20 ++++++++++++++++++++
 frontend/.vscode/tasks.json              | 13 +++++++++++++
 frontend/package.json                    |  2 +-
 frontend/src/assets/css/globalStyles.css |  9 +++++++--
 5 files changed, 42 insertions(+), 4 deletions(-)
 create mode 100644 frontend/.vscode/launch.json
 create mode 100644 frontend/.vscode/tasks.json

diff --git a/backend/package.json b/backend/package.json
index 09043d2e..49d7429e 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -5,7 +5,7 @@
 	"license": "Apache 2.0",
 	"description": "Provide rich user experience for Yeoman generators using VSCode extension or the browser",
 	"repository": "https://github.com/SAP/yeoman-ui",
-	"version": "0.0.53",
+	"version": "0.0.54",
 	"engines": {
 		"vscode": "^1.39.2"
 	},
diff --git a/frontend/.vscode/launch.json b/frontend/.vscode/launch.json
new file mode 100644
index 00000000..0e7d8cb9
--- /dev/null
+++ b/frontend/.vscode/launch.json
@@ -0,0 +1,20 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "vuejs: chrome",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}/src",
+      "breakOnLoad": true,
+      "sourceMapPathOverrides": {
+        "webpack:///src/*": "${webRoot}/*"
+      },
+      "preLaunchTask": "serve"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/frontend/.vscode/tasks.json b/frontend/.vscode/tasks.json
new file mode 100644
index 00000000..de22d6fd
--- /dev/null
+++ b/frontend/.vscode/tasks.json
@@ -0,0 +1,13 @@
+{
+    // See https://go.microsoft.com/fwlink/?LinkId=733558 
+    // for the documentation about the tasks.json format
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "serve",
+            "type": "npm",
+            "script": "serve",
+            "problemMatcher": []
+        }
+    ]
+}
\ No newline at end of file
diff --git a/frontend/package.json b/frontend/package.json
index 64a751af..09cee079 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@mdi/font": "^4.9.95",
-    "@sap-devx/inquirer-gui": "0.0.31",
+    "@sap-devx/inquirer-gui": "0.0.33",
     "@sap-devx/inquirer-gui-login-plugin": "0.0.2",
     "@sap-devx/inquirer-gui-file-browser-plugin": "0.0.3",
     "core-js": "2.6.6",
diff --git a/frontend/src/assets/css/globalStyles.css b/frontend/src/assets/css/globalStyles.css
index 9d6bb937..c76e1c94 100644
--- a/frontend/src/assets/css/globalStyles.css
+++ b/frontend/src/assets/css/globalStyles.css
@@ -104,7 +104,8 @@ form.inquirer-gui .v-text-field fieldset {
 }
 
 form.inquirer-gui :not(.v-input--is-focused).v-text-field fieldset {
-  border-color: var(--vscode-settings-textInputBorder, #cecece);
+  border-color: var(--vscode-panel-border, #cecece); 
+  /* TODO: replace with vscode-settings-textInputBorder when supported by Theia */
 }
 
 form.inquirer-gui .v-input--is-focused.v-text-field fieldset {
@@ -128,7 +129,11 @@ form.inquirer-gui .theme--light:not(.v-item--active) .v-icon {
   color: var(--vscode-input-foreground, white);
 }
 
-form.inquirer-gui div.v-card{
+form.inquirer-gui div.theme--light.v-card.v-card--outlined {
+  border-width: thin;
+  border-style: solid;
+  border-color: var(--vscode-panel-border, #cecece);
+  /* TODO: replace with vscode-settings-textInputBorder when supported by Theia */
   background-color: var(--vscode-input-background, #3c3c3c);
 }