UX && Set version to 0.0.22 (#98)

SAP · Jan 14, 2020 · 487e176 · 487e176
1 parent aecb861
commit 487e176
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 5 deletions.
diff --git 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.21",
+	"version": "0.0.22",
 	"engines": {
 		"vscode": "^1.38.0"
 	},

diff --git a/frontend/src/components/QuestionTypes/QuestionCheckbox.vue b/frontend/src/components/QuestionTypes/QuestionCheckbox.vue
@@ -6,6 +6,7 @@
         v-model="selected"
         :value="option.value || option"
         :label="option.text || option"
+        dense
       ></v-checkbox>
     </div>
     <div v-if="!currentQuestion.isValid" class="error-validation-text">{{currentQuestion.validationMessage}}</div>
@@ -69,6 +70,5 @@ div.v-input--checkbox {
 }
 div.v-input--checkbox >>> div.v-input__slot {
   margin-bottom: 0;
-  align-items: flex-start;
 }
 </style>
diff --git a/frontend/src/components/QuestionTypes/QuestionConfirm.vue b/frontend/src/components/QuestionTypes/QuestionConfirm.vue
@@ -5,6 +5,7 @@
       :error-messages="currentQuestion.isValid ? '' : currentQuestion.validationMessage"
       v-model="currentQuestion.answer"
       row
+      dense
     >
       <v-radio label="Yes" :value="true" ></v-radio>
       <v-radio label="No" :value="false"></v-radio>

diff --git a/frontend/src/components/QuestionTypes/QuestionEditor.vue b/frontend/src/components/QuestionTypes/QuestionEditor.vue
@@ -40,7 +40,8 @@ export default {
 <style scoped>
 #question-editor >>> div.v-input__slot {
   background-color: var(--vscode-input-background, #3c3c3c);
-  box-shadow: 0px 0px 1px -2px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
+  border: 1px solid  var(--vscode-editorWidget-background, #252426);
+  box-shadow: none;
   border-radius: unset; 
 }
  .v-textarea.v-input:not(.v-input--is-disabled) >>> textarea{

diff --git a/frontend/src/components/QuestionTypes/QuestionInput.vue b/frontend/src/components/QuestionTypes/QuestionInput.vue
@@ -56,7 +56,8 @@ export default {
   color: var(--vscode-input-foreground, #cccccc) !important;
   background-color: var(--vscode-input-background, #3c3c3c) !important;
   border-radius: unset !important;
-      box-shadow: 0px 0px 1px -2px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
+  border: 1px solid  var(--vscode-editorWidget-background, #252426);
+  box-shadow: none;
 }
 #question-input >>> div.v-input__slot .v-select__selection {
   color: var(--vscode-input-foreground, #cccccc) !important;

diff --git a/frontend/src/components/QuestionTypes/QuestionList.vue b/frontend/src/components/QuestionTypes/QuestionList.vue
@@ -77,7 +77,8 @@ export default {
   color: var(--vscode-input-foreground, #cccccc) !important;
   background-color: var(--vscode-input-background, #3c3c3c) !important;
   border-radius: unset;
-  box-shadow: 0px 0px 1px -2px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
+  border: 1px solid  var(--vscode-editorWidget-background, #252426);
+  box-shadow: none;
 }
 
 </style>