fix(Select): search icon not vertical center when use BI icon theme (#6173)

* doc: 更改默认值

* refactor: 修复 bi md 图标库搜索按钮不居中问题

* chore: bump version 9.7.1-beta06

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/PdfViewers.razor.cs

@@ -15,7 +15,7 @@ public partial class PdfViewers
     [Inject, NotNull]
     private ToastService? ToastService { get; set; }
 
-    private bool _useGoogleDocs = true;
+    private bool _useGoogleDocs = false;
 
     private Task OnLoaded() => ToastService.Success("Pdf Viewer", Localizer["PdfViewerToastSuccessfulContent"]);
 

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.7.1-beta05</Version>
+    <Version>9.7.1-beta06</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Select/Select.razor.scss

@@ -1,4 +1,4 @@
-.select,
+.select,
 .popover-dropdown {
     --bb-dropdown-link-pre-active-bg: #{$bb-dropdown-link-pre-active-bg};
 }
@@ -229,6 +229,11 @@
         right: var(--bb-select-search-icon-right);
         top: var(--bb-select-search-icon-top);
         color: var(--bb-select-search-icon-color);
+        width: 1rem;
+        height: 1rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
 }
 

src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss

@@ -521,7 +521,7 @@ $bb-select-search-border-color: var(--bs-border-color);
 $bb-select-search-padding-right: 30px;
 $bb-select-search-icon-color: var(--bb-select-search-border-color);
 $bb-select-search-icon-right: 26px;
-$bb-select-search-icon-top: 19px;
+$bb-select-search-icon-top: 18px;
 $bb-select-search-height: 52px;
 $bb-select-append-width: 30px;
 $bb-select-append-color: #c0c4cc;