ui: fix bugs & add feature (#493)

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 }}

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

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

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 %}

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