feat(websites): update BitSearchBox of Platform website nav menu #8387 (

#8388)
bitfoundation · Aug 21, 2024 · 7543567 · 7543567
1 parent 4ec2dc4
commit 7543567
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 16 deletions.
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor
@@ -6,13 +6,12 @@
 }
 <div class="nav-menu @(isNavOpen is false ? "nav-menu--desktop" : null)">
     <div class="search-box-container">
-        <BitSearchBox Class="nav-menu-search-box"
-                      Placeholder="Search"
-                      IconName="@BitIconName.Search"
-                      IsUnderlined="true"
+        <BitSearchBox Underlined
                       Value="@searchText"
-                      ValueChanged="@HandleValueChanged"
-                      OnClear="@HandleOnClear" />
+                      Placeholder="Search"
+                      OnClear="HandleOnClear"
+                      Immediate DebounceTime="300"
+                      ValueChanged="HandleValueChanged" />
         @if (filteredNavItems.Count == 0)
         {
             <br />

diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.scss
@@ -61,16 +61,6 @@
     padding: rem2(24px) rem2(22px);
 }
 
-::deep .nav-menu-search-box {
-    width: 100%;
-    height: rem2(40px);
-
-    input::-webkit-input-placeholder {
-        font-weight: 500;
-        font-size: rem2(14px);
-    }
-}
-
 .nav-menu-list {
     width: 100%;
     overflow-y: auto;