Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(Tab): add IsDisabled parameter #5200

Merged
merged 16 commits into from
Jan 24, 2025
Prev Previous commit
Next Next commit
style: 更新样式
ArgoZhang committed Jan 24, 2025
commit e4b16c43d223c70fa2e486dd88a37f3786cf196e
7 changes: 6 additions & 1 deletion src/BootstrapBlazor/Components/Tab/Tab.razor.scss
Original file line number Diff line number Diff line change
@@ -3,6 +3,7 @@
--bb-tabs-item-height: #{$bb-tabs-item-height};
--bb-tabs-item-active-color: #{$bb-tabs-item-active-color};
--bb-tabs-item-hover-color: #{$bb-tabs-item-hover-color};
--bb-tabs-item-disabled-opacity: #{$bb-tabs-item-disabled-opacity};
--bb-tabs-border-card-top-item-margin-top: #{$bb-tabs-border-card-top-item-margin-top};
--bb-tabs-bar-width: #{$bb-tabs-bar-width};
--bb-tabs-bar-height: #{$bb-tabs-bar-height};
@@ -170,10 +171,14 @@
color: var(--bb-tabs-item-active-color);
}

.tabs-item:hover {
.tabs-item:not(.disabled):hover {
color: var(--bb-tabs-item-hover-color);
}

.tabs-item.disabled {
opacity: var(--bb-tabs-item-disabled-opacity);
}

.tabs-item .tabs-item-text {
padding: 0 0.25rem;
pointer-events: none;
Original file line number Diff line number Diff line change
@@ -604,6 +604,7 @@ $bb-tabs-item-padding: 0 1rem;
$bb-tabs-item-height: 40px;
$bb-tabs-item-active-color: #409eff;
$bb-tabs-item-hover-color: #409eff;
$bb-tabs-item-disabled-opacity: .5;
$bb-tabs-border-card-top-item-margin-top: -1px;
$bb-tabs-bar-width: 40px;
$bb-tabs-bar-height: 40px;