From 0f3d6b318c68f6422688764038691f81f544f7f7 Mon Sep 17 00:00:00 2001
From: nextfu <nextfu@tencent.com>
Date: Mon, 13 Apr 2020 21:48:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=8C=81bool=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config.js  | 1 +
 index.html | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/config.js b/config.js
index f27ef78..1f91255 100644
--- a/config.js
+++ b/config.js
@@ -33,6 +33,7 @@ const NEX_CONFIG = {
 				{ name: 'Zoom Ratio', key: 'zoomRatio', type: 'number' },
 				{ name: 'Depth', key: 'depth', type: 'number' },
 				{ name: 'Bacground Color', key: 'hex_backgroundColor', rawKey: 'backgroundColor', type: 'color' },
+				{ name: 'Align with Screen', key: 'alignWithScreen', type: 'bool' },
 			]
 		},
 		'cc.Sprite': {
diff --git a/index.html b/index.html
index f9f0371..d9b8588 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,10 @@
 <link href="ccc-devtools/libs/css/materialdesignicons.min.css" rel="stylesheet" type="text/css">
 <link href="ccc-devtools/libs/css/vuetify.min.css" rel="stylesheet" type="text/css">
+<style>
+    html {
+        overflow-y: auto;
+    }
+</style>
 
 <v-app id="app">
     <v-app-bar app clipped-left color="gray" dense v-if="true">
@@ -89,6 +94,7 @@
                             <td style="width: 60%;">
                                 <v-color-picker v-if="row.type == 'color'" class="ma-2" canvas-height="80" width="259"
                                     hide-inputs v-model="selectedNode[row.key]"></v-color-picker>
+                                <v-simple-checkbox v-else-if="row.type == 'bool'" v-model="selectedNode[row.key]" style="padding: 10px;width: 100%;"></v-simple-checkbox>
                                 <input v-else :type="row.type" v-model="selectedNode[row.key]"
                                     style="padding: 10px;width: 100%;"></input>
                             </td>
@@ -120,6 +126,7 @@
                                 <textarea v-else-if="row.type == 'textarea'" rows="1"
                                     v-model="selectedNode[component.key][row.key]" style="padding: 10px;width: 100%;">
                                 </textarea>
+                                <v-simple-checkbox v-else-if="row.type == 'bool'" v-model="selectedNode[component.key][row.key]" style="padding: 10px;width: 100%;"></v-simple-checkbox>
                                 <input v-else :type="row.type" v-model="selectedNode[component.key][row.key]"
                                     style="padding: 10px;width: 100%;"></input>
                             </td>