fix(FileIcon): missing svg widht/height (#4483)

* fix: 更新 Icon 组件变量 * chore: bump version 8.10.4-beta02
dotnetcore · Oct 18, 2024 · fdd92e1 · fdd92e1
1 parent 5af54c7
commit fdd92e1
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
  <PropertyGroup>
- <Version>8.10.4-beta01</Version>
+ <Version>8.10.4-beta02</Version>
  </PropertyGroup>
 
  <ItemGroup>

diff --git a/src/BootstrapBlazor/Components/FileIcon/FileIcon.razor.scss b/src/BootstrapBlazor/Components/FileIcon/FileIcon.razor.scss
@@ -1,25 +1,25 @@
 .file-icon {
- --bb-icon-width: #{$bb-icon-width};
- --bb-icon-height: #{$bb-icon-height};
- --bb-icon-padding-left: #{$bb-icon-padding-left};
- --bb-icon-badge-bottom: #{$bb-icon-badge-bottom};
- --bb-icon-path-fill-color: #{$bb-icon-path-fill-color};
- padding-left: var(--bb-icon-padding-left);
+ --bb-file-icon-width: #{$bb-file-icon-width};
+ --bb-file-icon-height: #{$bb-file-icon-height};
+ --bb-file-icon-padding-left: #{$bb-file-icon-padding-left};
+ --bb-file-icon-badge-bottom: #{$bb-file-icon-badge-bottom};
+ --bb-file-icon-path-fill-color: #{$bb-file-icon-path-fill-color};
+ padding-left: var(--bb-file-icon-padding-left);
  display: inline-block;
  position: relative;
 
  .icon-svg {
- width: var(--bb-icon-width);
- height: var(--bb-icon-height);
+ width: var(--bb-file-icon-width);
+ height: var(--bb-file-icon-height);
 
  path {
- fill: var(--bb-icon-path-fill-color);
+ fill: var(--bb-file-icon-path-fill-color);
  }
  }
 
  .badge {
  position: absolute;
- bottom: var(--bb-icon-badge-bottom);
+ bottom: var(--bb-file-icon-badge-bottom);
  left: 0;
  }
 }
diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss
@@ -37,6 +37,9 @@ $bb-avatar-icon-font-size: 1.4rem;
 // Badge
 $bb-badge-color: #212529;
 
+// BootstrapIcon
+$bb-icon-width: 12px;
+
 // Button
 $bs-btn-font-size: .875rem;
 $bs-btn-focus-box-shadow: none;
@@ -273,11 +276,11 @@ $bb-flip-clock-number-line-bg: rgba(0,0,0,.4);
 $bb-flip-clock-number-line-height: 1px;
 
 // FileIcon
-$bb-icon-width: 42px;
-$bb-icon-height: auto;
-$bb-icon-padding-left: .5rem;
-$bb-icon-badge-bottom: 7px;
-$bb-icon-path-fill-color: #495057;
+$bb-file-icon-width: 42px;
+$bb-file-icon-height: auto;
+$bb-file-icon-padding-left: .5rem;
+$bb-file-icon-badge-bottom: 7px;
+$bb-file-icon-path-fill-color: #495057;
 
 // Filter
 $bb-filter-item-min-width: 220px;
@@ -306,9 +309,6 @@ $bb-groupbox-legend-padding: 0 .5rem;
 $bb-groupbox-legend-left: 1rem;
 $bb-groupbox-legend-top: -10px;
 
-// Icon
-$bb-icon-width: 12px;
-
 // Icon Svg
 $bb-svg-icon-width: 12px;