From f821650298462dcbed6edcfec95784272c26c091 Mon Sep 17 00:00:00 2001 From: Argo Date: Fri, 30 Jul 2021 04:23:17 +0000 Subject: [PATCH] =?UTF-8?q?!1649=20feat(#I434SC):=20add=20loading=20for=20?= =?UTF-8?q?Search=20component=20*=20feat:=20=E5=A2=9E=E5=8A=A0=20Search=20?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=90=9C=E7=B4=A2=E6=97=B6=20loading=20?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20*=20feat:=20=E9=87=8D=E6=9E=84=20AutoCompl?= =?UTF-8?q?ete=20=E7=BB=84=E4=BB=B6=E7=A7=BB=E5=8A=A8=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/AutoComplete/AutoComplete.css | 52 ++++++++++++++++ .../AutoComplete/AutoComplete.razor | 2 +- .../Components/Search/Search.razor | 13 ++-- .../Components/Search/Search.razor.cs | 28 +++++++-- .../css/bootstrap.blazor.bundle.min.css | 2 +- .../wwwroot/css/bootstrap.blazor.css | 60 ------------------- 6 files changed, 83 insertions(+), 74 deletions(-) create mode 100644 src/BootstrapBlazor/Components/AutoComplete/AutoComplete.css diff --git a/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.css b/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.css new file mode 100644 index 000000000..4c959ef54 --- /dev/null +++ b/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.css @@ -0,0 +1,52 @@ +.auto-complete { + position: relative; +} + + .auto-complete input { + padding-right: 30px; + } + + .auto-complete .select-dropdown { + position: absolute; + top: 40px; + left: 0; + right: 0; + display: none; + z-index: 2; + } + + .auto-complete .select-dropdown .dropdown-list { + max-height: 300px; + overflow: auto; + padding: 6px 0; + list-style: none; + margin: 0; + background-color: #fff; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); + border: 1px solid rgba(0,0,0,.15); + border-radius: .25rem; + } + + .auto-complete .select-dropdown .dropdown-list .dropdown-item { + padding: 6px 20px; + } + + .auto-complete.is-complete .select-dropdown { + display: block; + } + + .auto-complete .fa-spin { + position: absolute; + top: 10.5px; + right: 8px; + display: none; + } + + .auto-complete.is-loading .fa-spin { + display: inline-block; + } + +.search .auto-complete .fa-spin { + position: unset; + display: inline-block; +} diff --git a/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor b/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor index e3b4c95a4..497693a79 100644 --- a/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor +++ b/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor @@ -7,7 +7,7 @@ }
- +