feat(CheckboxList): update style of IsVertical (#4481)

ArgoZhang · web-flow · commit 5af54c759543 · 2024-10-18T09:34:13.000+08:00
* style: 更新样式

* chore: 更新脚本

* chore: 增加 net9 支持

* chore: 支持 net9 sdk

* chore: remove net9 sdk
diff --git a/src/BootstrapBlazor.Server/Components/App.razor b/src/BootstrapBlazor.Server/Components/App.razor
@@ -37,7 +37,7 @@
     <BlazorReconnector @rendermode="new InteractiveServerRenderMode(false)" />
 
     <script src="_content/BootstrapBlazor.SummerNote/js/jquery-3.5.1.min.js"></script>
-    <Script Src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></Script>
+    <script Src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
     <script src="_framework/blazor.web.js"></script>
     @if (Env.IsProduction())
     {
diff --git a/src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.scss b/src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.scss
@@ -24,7 +24,7 @@
         padding: 0;
     }
 
-    .checkbox-item {
+    &:not(.is-vertical) .checkbox-item {
         display: inline-flex;
         width: var(--bb-checkbox-item-width);
 

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@`
`37`	`37`	`<BlazorReconnector @rendermode="new InteractiveServerRenderMode(false)" />`
`38`	`38`
`39`	`39`	`<script src="_content/BootstrapBlazor.SummerNote/js/jquery-3.5.1.min.js"></script>`
`40`		`- <Script Src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></Script>`
	`40`	`+ <script Src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>`
`41`	`41`	`<script src="_framework/blazor.web.js"></script>`
`42`	`42`	`@if (Env.IsProduction())`
`43`	`43`	`{`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@`
`24`	`24`	`padding: 0;`
`25`	`25`	`}`
`26`	`26`
`27`		`- .checkbox-item {`
	`27`	`+ &:not(.is-vertical) .checkbox-item {`
`28`	`28`	`display: inline-flex;`
`29`	`29`	`width: var(--bb-checkbox-item-width);`
`30`	`30`