refactor(Carousel): update indicator for bootstrap 5.3.0 (#1338)

ArgoZhang · web-flow · commit 5f4c3d3c4823 · 2023-06-01T20:21:36.000+08:00
* refactor(Carousel): update indicator for bs 5.3.0

* chore: bump version 7.7.0
diff --git a/src/BootstrapBlazor.Shared/Pages/Index.razor.css b/src/BootstrapBlazor.Shared/Pages/Index.razor.css
@@ -29,7 +29,7 @@
             right: 0;
         }
 
-        .welcome ::deep .carousel .carousel-indicators li {
+        .welcome ::deep .carousel .carousel-indicators [data-bs-target] {
             background-color: #607D8B;
         }
 
diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>7.6.7</Version>
+    <Version>7.7.0</Version>
   </PropertyGroup>
 
   <ItemGroup Condition="'$(TargetFramework)' == 'net5.0'">
diff --git a/src/BootstrapBlazor/Components/Carousel/Carousel.razor b/src/BootstrapBlazor/Components/Carousel/Carousel.razor
@@ -9,12 +9,12 @@
     <RenderTemplate>
         @if (ShowIndicators)
         {
-            <ol class="carousel-indicators">
+            <div class="carousel-indicators">
                 @for (var index = 0; index < Items.Count; index++)
                 {
-                    <li data-bs-slide-to="@index" class="@CheckActive(index)" data-bs-target="@TargetId"></li>
+                    <button data-bs-slide-to="@index" class="@CheckActive(index)" data-bs-target="@TargetId"></button>
                 }
-            </ol>
+            </div>
         }
         <div class="carousel-inner">
             @for (var index = 0; index < Items.Count; index++)

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@`
`29`	`29`	`right: 0;`
`30`	`30`	`}`
`31`	`31`
`32`		`- .welcome ::deep .carousel .carousel-indicators li {`
	`32`	`+ .welcome ::deep .carousel .carousel-indicators [data-bs-target] {`
`33`	`33`	`background-color: #607D8B;`
`34`	`34`	`}`
`35`	`35`
Original file line number	Diff line number	Diff line change
`@@ -9,12 +9,12 @@`
`9`	`9`	`<RenderTemplate>`
`10`	`10`	`@if (ShowIndicators)`
`11`	`11`	`{`
`12`		`- <ol class="carousel-indicators">`
	`12`	`+ <div class="carousel-indicators">`
`13`	`13`	`@for (var index = 0; index < Items.Count; index++)`
`14`	`14`	`{`
`15`		`- <li data-bs-slide-to="@index" class="@CheckActive(index)" data-bs-target="@TargetId"></li>`
	`15`	`+ <button data-bs-slide-to="@index" class="@CheckActive(index)" data-bs-target="@TargetId"></button>`
`16`	`16`	`}`
`17`		`- </ol>`
	`17`	`+ </div>`
`18`	`18`	`}`
`19`	`19`	`<div class="carousel-inner">`
`20`	`20`	`@for (var index = 0; index < Items.Count; index++)`