From f5554d17548208b1dcb100c203aae01405f83fb3 Mon Sep 17 00:00:00 2001 From: Argo Date: Thu, 9 Oct 2025 16:06:21 +0800 Subject: [PATCH 1/4] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../wwwroot/meilisearch.css | 58 +++++++++++++++---- 1 file changed, 46 insertions(+), 12 deletions(-) diff --git a/src/components/BootstrapBlazor.MeiliSearch/wwwroot/meilisearch.css b/src/components/BootstrapBlazor.MeiliSearch/wwwroot/meilisearch.css index 80803a39..7833fd9f 100644 --- a/src/components/BootstrapBlazor.MeiliSearch/wwwroot/meilisearch.css +++ b/src/components/BootstrapBlazor.MeiliSearch/wwwroot/meilisearch.css @@ -1,4 +1,40 @@ -.search-dialog-mask { +.bb-g-search { + --bb-global-search-padding: 0.25rem 0.75rem; + --bb-global-search-width: 168px; + display: flex; + align-items: center; + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); + padding: var(--bb-global-search-padding); + width: var(--bb-global-search-width); + transition: border-color .3s linear; + color: rgba(var(--bs-body-color-rgb), 0.5); +} + + .bb-g-search:hover { + border: var(--bs-border-width) solid var(--bb-border-hover-color); + } + + .bb-g-search > input { + width: 100%; + background-color: transparent; + border: none; + line-height: 1.5; + padding: 0; + cursor: pointer; + } + + .bb-g-search > input::placeholder { + color: rgba(var(--bs-body-color-rgb), 0.5); + } + +.search-dialog-icon { + cursor: pointer; + font-size: 18px; + margin-inline-end: .5rem; +} + +.search-dialog-mask { --bb-global-search-item-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.2); --bb-global-search-item-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bb-global-search-dialog-input-focus-border-color: rgba(var(--bs-emphasis-color-rgb), 0.4); @@ -8,6 +44,15 @@ --bb-global-search-main-max-height: calc(100vh - 260px); --bb-global-search-footer-kbd-bg: var(--bs-body-color); --bb-global-search-footer-kbd-color: var(--bs-body-bg); + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: var(--bb-global-search-dialog-mask-z-index); + background-color: rgba(var(--bs-emphasis-color-rgb), 0.3); + justify-content: center; + display: none; } .search-dialog-mask .search-dialog-item ol { @@ -26,17 +71,6 @@ color: var(--bb-global-search-footer-kbd-color); } -.search-dialog-mask { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: var(--bb-global-search-dialog-mask-z-index); - background-color: rgba(var(--bs-emphasis-color-rgb), 0.3); - justify-content: center; -} - [data-bs-theme='dark'] .search-dialog-mask { --bb-global-search-footer-kbd-color: var(--bs-body-color); } From b77dc66c5bd9999d43f5c6c964b679cdcf62cff8 Mon Sep 17 00:00:00 2001 From: Argo Date: Thu, 9 Oct 2025 16:06:47 +0800 Subject: [PATCH 2/4] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E5=88=9D?= =?UTF-8?q?=E5=A7=8B=E5=8C=96=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor | 2 +- .../BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.cs | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor b/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor index 241b7f38..914507b1 100644 --- a/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor +++ b/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor @@ -5,7 +5,7 @@
-
+
diff --git a/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.cs b/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.cs index 4e074dde..42feecde 100644 --- a/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.cs +++ b/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.cs @@ -112,7 +112,7 @@ public partial class MeiliSearchBox [Parameter] public RenderFragment? FooterTemplate { get; set; } - private string? ClassString => CssBuilder.Default("bb-g-search") + private string? ClassString => CssBuilder.Default("bb-g-search visually-hidden") .AddClassFromAttributes(AdditionalAttributes) .Build(); From 74e03d8533762ba89192bd65b7b51ef885dfd6ec Mon Sep 17 00:00:00 2001 From: Argo Date: Thu, 9 Oct 2025 16:07:02 +0800 Subject: [PATCH 3/4] =?UTF-8?q?refactor:=20=E8=84=9A=E6=9C=AC=E5=8A=A0?= =?UTF-8?q?=E8=BD=BD=E5=90=8E=E6=81=A2=E5=A4=8D=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.js b/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.js index d683ff6e..f077778f 100644 --- a/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.js +++ b/src/components/BootstrapBlazor.MeiliSearch/MeiliSearchBox.razor.js @@ -10,6 +10,11 @@ if (window.BootstrapBlazor === void 0) { export async function init(id, options) { const el = document.getElementById(id); await addLink('_content/BootstrapBlazor.MeiliSearch/meilisearch.css'); + el.classList.remove('visually-hidden'); + + const mask = el.querySelector('.search-dialog-mask'); + mask.classList.remove("d-none"); + await addScript('_content/BootstrapBlazor.MeiliSearch/meilisearch.umd.min.js'); const search = { @@ -23,7 +28,7 @@ export async function init(id, options) { blockTemplate: el.querySelector('.search-dialog-block-template'), emptyTemplate: el.querySelector('.search-dialog-empty-template'), dialog: el.querySelector('.search-dialog'), - mask: el.querySelector('.search-dialog-mask') + mask: mask }; Data.set(id, search); From 19482c99082aa204ade3c4982a5582ae099d9b76 Mon Sep 17 00:00:00 2001 From: Argo Date: Thu, 9 Oct 2025 16:07:13 +0800 Subject: [PATCH 4/4] chore: bump version 9.1.11 --- .../BootstrapBlazor.MeiliSearch.csproj | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/BootstrapBlazor.MeiliSearch/BootstrapBlazor.MeiliSearch.csproj b/src/components/BootstrapBlazor.MeiliSearch/BootstrapBlazor.MeiliSearch.csproj index 08be5d89..22cc400a 100644 --- a/src/components/BootstrapBlazor.MeiliSearch/BootstrapBlazor.MeiliSearch.csproj +++ b/src/components/BootstrapBlazor.MeiliSearch/BootstrapBlazor.MeiliSearch.csproj @@ -1,7 +1,7 @@ - + - 9.1.10 + 9.1.11