feat: admin search UI (#4022)

framework/core/less/admin.less

@@ -16,3 +16,4 @@
 @import "admin/MailPage";
 @import "admin/NoJs";
 @import "admin/UsersListPage";
+@import "admin/GeneralSearchResult";

framework/core/less/admin/GeneralSearchResult.less

@@ -0,0 +1,35 @@
+.GeneralSearchResult {
+  .ExtensionIcon {
+    --size: 32px;
+    flex-shrink: 0;
+  }
+
+  &-group {
+    border-top: none;
+  }
+
+  &-tree {
+    font-weight: bold;
+
+    &-separator {
+      color: var(--muted-more-color);
+      padding: 0 8px;
+    }
+  }
+
+  &-help {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--muted-color);
+    font-size: 12px;
+  }
+
+  &-info {
+    overflow: hidden;
+  }
+
+  mark {
+    background-color: var(--highlight-color);
+  }
+}

framework/core/less/common/Form.less

@@ -66,6 +66,10 @@
   }
 }
 
+.FieldSet-label:empty {
+  display: none;
+}
+
 .FieldSet--min .FieldSet-items > * {
   width: auto;
 }

framework/core/less/common/root.less

@@ -213,6 +213,8 @@
   --hero-bg:                       var(--control-bg);
   --hero-color:                    var(--control-color);
 
+  --highlight-color:               #FFE300;
+
   .light-contents-vars();
 
   .Button--color-vars(@control-success-color, @control-success-bg, 'control-success');

framework/core/less/common/scaffolding.less

@@ -74,7 +74,7 @@ p {
 }
 
 mark {
-  background: #FFE300;
+  background: var(--highlight-color);
   padding: 1px;
   border-radius: var(--border-radius);
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);