diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj index d2e064a13a8..91e9bee5616 100644 --- a/src/BootstrapBlazor/BootstrapBlazor.csproj +++ b/src/BootstrapBlazor/BootstrapBlazor.csproj @@ -1,7 +1,7 @@ - 8.10.3-beta01 + 8.10.3-beta02 diff --git a/src/BootstrapBlazor/Components/Select/Select.razor.scss b/src/BootstrapBlazor/Components/Select/Select.razor.scss index c2692b42466..5e093de3748 100644 --- a/src/BootstrapBlazor/Components/Select/Select.razor.scss +++ b/src/BootstrapBlazor/Components/Select/Select.razor.scss @@ -5,6 +5,7 @@ .select { --bb-select-focus-shadow: #{$bb-select-focus-shadow}; + --bb-select-padding-right: #{$bb-select-padding-right}; --bb-select-padding: #{$bb-select-padding}; --bb-select-search-padding: #{$bb-select-search-padding}; --bb-select-search-margin-bottom: #{$bb-select-search-margin-bottom}; @@ -182,6 +183,7 @@ .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { background-position: right -1rem center, center right 1.5rem; + padding-right: var(--bb-select-padding-right); } .arrow-danger { diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss index 2731b5b09c1..6c1d1f07b26 100644 --- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss +++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss @@ -497,7 +497,8 @@ $bb-segmented-text-margin-left: 4px; // Select $bb-dropdown-link-pre-active-bg: #498ff7; $bb-select-focus-shadow: none; -$bb-select-padding: 6px 2.25rem 6px 0.75rem; +$bb-select-padding-right: 2.25rem; +$bb-select-padding: 6px var(--bb-select-padding-right) 6px 0.75rem; $bb-select-search-padding: 7px 10px; $bb-select-search-margin-bottom: .5rem; $bb-select-search-border-color: var(--bs-border-color);