fix: 修复浮动按钮圆角不跟随全局设置的问题

- 增加更高优先级的 CSS 选择器覆盖 Bootstrap 默认样式
- 为 .fabtn.btn、.fabtn.btn-icon、.fabtn.btn-neutral 等添加选择器
- 确保 border-radius 使用 var(--card-radius) 变量
- 同步更新左右切换按钮的圆角设置
This commit is contained in:
2026-01-12 19:09:38 +08:00
parent 65c9ca3db4
commit 60daa43fb9

View File

@@ -3159,7 +3159,11 @@ html.is-home.banner-as-cover #float_action_buttons.hidden {
} }
/* 基础按钮样式 - 重置所有 Bootstrap 样式 */ /* 基础按钮样式 - 重置所有 Bootstrap 样式 */
#float_action_buttons .fabtn { #float_action_buttons .fabtn,
#float_action_buttons .fabtn.btn,
#float_action_buttons .fabtn.btn-icon,
#float_action_buttons .fabtn.btn-neutral,
#float_action_buttons button.fabtn {
width: 44px !important; width: 44px !important;
height: 44px !important; height: 44px !important;
min-width: 44px !important; min-width: 44px !important;
@@ -3242,13 +3246,15 @@ html.is-home.banner-as-cover #float_action_buttons.hidden {
} }
/* 左右切换按钮 - 尺寸较小 */ /* 左右切换按钮 - 尺寸较小 */
#float_action_buttons #fabtn_toggle_sides { #float_action_buttons #fabtn_toggle_sides,
#float_action_buttons #fabtn_toggle_sides.btn {
width: 32px !important; width: 32px !important;
height: 32px !important; height: 32px !important;
min-width: 32px !important; min-width: 32px !important;
min-height: 32px !important; min-height: 32px !important;
max-width: 32px !important; max-width: 32px !important;
max-height: 32px !important; max-height: 32px !important;
border-radius: var(--card-radius) !important;
opacity: 0.6; opacity: 0.6;
font-size: 11px; font-size: 11px;
} }