搜索bug,倒排添加 样式调整

Author: hikki

resources/assets/component.css

@@ -29,8 +29,6 @@
     font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
     margin: 0 0.25em 0;
     padding: 2px 4px 2px 4px;
-    text-transform: none;
-    text-shadow: none;
     line-height: 1em;
     font-style: normal;
     text-align: center;
@@ -45,6 +43,8 @@
     -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
     transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
     -webkit-tap-highlight-color: transparent;
+    transition-property: color,background-color,border;
+    -webkit-appearance: none;
 }
 
 .dlp-label:hover {
@@ -129,6 +129,7 @@
 }
 .dot-cascade-stack>.dlp-label-silence{
     opacity: 0.5;
+    transition: .2s ease-in-out;
 }
 
 .dlp-input{

resources/assets/component.js

@@ -1124,6 +1124,7 @@ class ComponentCascadeLine {
                 div.setAttribute('data-k', k);
                 div.addEventListener('click', this.select.bind(this, div, stack));
                 if (v.nodes !== null) {
+                    div.insertAdjacentHTML('afterbegin', `<i class="left">${_component.caret_right}</i>`);
                     div.addEventListener("contextmenu", (e) => {
                         e.preventDefault();
                         let k = parseInt(div.getAttribute('data-k'));