From 65e52964367f16b946f72f9e9e53b148359ec013 Mon Sep 17 00:00:00 2001
From: panda <panda_dtdyy@outlook.com>
Date: Mon, 23 Jan 2023 22:07:06 +0800
Subject: [PATCH] ui: fix bugs & add feature (#493)

---
 .../autocomplete/components/AutoComplete.tsx      |  2 +-
 .../ui-default/components/form/textbox.page.styl  |  3 +++
 .../ui-default/components/nprogress.page.styl     |  2 ++
 packages/ui-default/templates/user_detail.html    |  3 ++-
 packages/ui-default/theme/dark.styl               | 15 +++++++++++++++
 5 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/packages/ui-default/components/autocomplete/components/AutoComplete.tsx b/packages/ui-default/components/autocomplete/components/AutoComplete.tsx
index a3ce4ed7b..aca88161f 100644
--- a/packages/ui-default/components/autocomplete/components/AutoComplete.tsx
+++ b/packages/ui-default/components/autocomplete/components/AutoComplete.tsx
@@ -274,7 +274,7 @@ const AutoComplete = forwardRef(function Impl<T>(props: AutoCompleteProps<T>, re
   };
 
   return (
-    <div style={{ display: 'inline-block', width: '100%', marginBottom: '1rem' }}>
+    <div className="autocomplete-container" style={{ display: 'inline-block', width: '100%', marginBottom: '1rem' }}>
       <div
         className={focused ? 'autocomplete-wrapper focused' : 'autocomplete-wrapper'}
         style={{ width, height }}
diff --git a/packages/ui-default/components/form/textbox.page.styl b/packages/ui-default/components/form/textbox.page.styl
index dbe25b22d..ac81468ae 100644
--- a/packages/ui-default/components/form/textbox.page.styl
+++ b/packages/ui-default/components/form/textbox.page.styl
@@ -31,6 +31,9 @@ div.textbox
   input.textbox, textarea.textbox
     margin-bottom: 0
 
+  div.autocomplete-container
+    margin-bottom: 0 !important
+
 // Material Textbox
 label.textbox.material
   input
diff --git a/packages/ui-default/components/nprogress.page.styl b/packages/ui-default/components/nprogress.page.styl
index bbbab67b4..d820b673a 100644
--- a/packages/ui-default/components/nprogress.page.styl
+++ b/packages/ui-default/components/nprogress.page.styl
@@ -12,6 +12,8 @@ $spinner-margin = ($nav-item-height - $spinner-size) / 2
   left: 0
   width: 100%
   height: 2px
+  +mobile()
+    margin-top: rem(10px)
 
 #nprogress .peg
   display: none
diff --git a/packages/ui-default/templates/user_detail.html b/packages/ui-default/templates/user_detail.html
index 06c9a4ab7..d7a2bd681 100644
--- a/packages/ui-default/templates/user_detail.html
+++ b/packages/ui-default/templates/user_detail.html
@@ -20,9 +20,10 @@
             <div class="media__body profile-header__main">
               <h1>
                 {{ udoc['uname'] }}
-                <small>({{ _('UID') }}: {{ udoc['_id'] }})</small>
+                {% if udoc.displayName %}<small>({{ udoc['displayName'] }})</small>{% endif %}
               </h1>
               <p>
+                {{ _('UID') }}: {{ udoc['_id'] }},
                 {{ _('Registered at') }} {{ datetimeSpan(udoc['regat'])|safe }},
                 {{ _('last login at') }} {{ datetimeSpan(udoc['loginat'])|safe }},
               {% if sdoc %}
diff --git a/packages/ui-default/theme/dark.styl b/packages/ui-default/theme/dark.styl
index f0f03f2b9..b6781f1e4 100644
--- a/packages/ui-default/theme/dark.styl
+++ b/packages/ui-default/theme/dark.styl
@@ -375,3 +375,18 @@ $hover-background-color = #424242
       border-bottom-color: #1d1d1d
     }
   }
+
+  .omnibar-toggle
+    background-color: $main-background-color
+    color: $content-color
+
+  .omnibar-main 
+    color: $content-color
+    
+    input
+      background-color: $main-background-color !important
+      border-color: #3d3d3d !important
+    
+    .omnibar-content-section
+      background-color: $main-background-color !important
+      border-color: #3d3d3d !important