From e2760cfd665b67ee80fd3e73ee38fe697e28f059 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sat, 20 Jun 2020 15:30:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/index.js          |  2 +-
 src/assets/style/options.css | 42 ++++++++++++++++++++++++++++++++----
 2 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/src/assets/index.js b/src/assets/index.js
index 95dd928..20d8986 100644
--- a/src/assets/index.js
+++ b/src/assets/index.js
@@ -1,7 +1,7 @@
 utools.onPluginEnter(async ({ code, type, payload }) => {
     utools.onPluginOut(() => {
         var program = $('#program').val();
-        $("#options").empty().show()
+        $("#options").empty()
         $("#out").empty()
         if (code == "code") {
             var cmd = window.editor.getValue();
diff --git a/src/assets/style/options.css b/src/assets/style/options.css
index a060a64..82a8f48 100644
--- a/src/assets/style/options.css
+++ b/src/assets/style/options.css
@@ -252,12 +252,35 @@
     height: 30px;
     right: 0px;
     bottom: 0px;
-    left: 0px;
+    left: 80px;
     background: #f3f3f3;
     box-shadow: 0px 0px 9px 0px #00000030;
     padding: 3px;
 }
 
+#options .sidebar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 80px;
+    background: #f3f3f3;
+    box-shadow: 0px 0px 9px 0px #00000030;
+}
+
+#options .sidebar li{
+    padding: 10px;
+    list-style-type: none;
+    cursor: pointer;
+    user-select: none;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+#options .sidebar .currentTag{
+    background-color: #c7c5c5;
+}
+
 #options td span {
     margin-right: 10px;
 }
@@ -305,6 +328,10 @@
     width: 16%;
 }
 
+#options #featureList {
+    padding-left: 80px;
+}
+
 #options #customize {
     position: fixed;
     z-index: 9;
@@ -335,7 +362,7 @@
 }
 
 #options #customize input {
-    width: 90%;
+    width: 84%;
     height: 25px;
     border-bottom: 1px solid #dbdbdb;
     border-top: 0px;
@@ -345,7 +372,8 @@
     margin-left: 13px
 }
 
-#options #customize input#rule {
+#options #customize input#rule,
+#options #customize input#tags {
     width: 40%;
 }
 
@@ -435,14 +463,20 @@ input::-webkit-input-placeholder {
 #options #customize input#iconame {
     width: 35%;
     cursor: pointer;
+    display: none;
 }
 
 #options #customize #icon {
     float: right;
-    width: 28px;
+    width: 40px;
     cursor: pointer;
 }
 
+#options #customize #icon:hover {
+    transform: rotate(360deg);
+    transition: 0.3s;
+}
+
 #options #customize .selectBtn {
     padding: 4px 10px;
     font-size: 11px;