doc(Select): update ShowSearch sample code (#5241)

* refactor: 调整搜索图标上边距 * doc: 更新示例 * refactor: 移除多余配置 * doc: 更新示例
dotnetcore · Jan 29, 2025 · 78f2789 · 78f2789
1 parent 0099bd3
commit 78f2789
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor
@@ -383,9 +383,12 @@
 <DemoBlock Title="@Localizer["SelectsPopoverTitle"]"
            Introduction="@Localizer["SelectsPopoverIntro"]"
            Name="Popover">
-    <div class="row">
-        <div class="col-12 col-sm-6 overflow-hidden">
-            <Select TValue="string" Items="Items" IsPopover="true" ShowSearch="true" />
+    <div class="row g-3 form-inline">
+        <div class="col-12">
+            <Switch @bind-Value="_showPopoverSearch" ShowLabel="true" DisplayText="ShowSearch"></Switch>
+        </div>
+        <div class="col-12">
+            <Select TValue="string" Items="Items" IsPopover="true" ShowSearch="_showPopoverSearch" />
         </div>
     </div>
 </DemoBlock>

diff --git a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor.cs
@@ -43,6 +43,8 @@ public sealed partial class Selects
 
     private bool _showSearch;
 
+    private bool _showPopoverSearch = true;
+
     private bool _isShowSearchClearable;
 
     private bool _isClearable;

diff --git a/src/BootstrapBlazor.Server/appsettings.Development.json b/src/BootstrapBlazor.Server/appsettings.Development.json
@@ -69,6 +69,5 @@
     "ContextMenuOptions": {
       "OnTouchDelay": 600
     }
-  },
-  "SupportedLanguages": [ "zh-CN", "ru-RU" ]
+  }
 }
diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss
@@ -512,7 +512,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: 20px;
-$bb-select-search-icon-top: 15px;
+$bb-select-search-icon-top: 17px;
 $bb-select-search-height: 60px;
 $bb-select-append-width: 30px;
 $bb-select-append-color: #c0c4cc;