fix: 修复浮动按钮圆角不跟随全局设置的问题
- 增加更高优先级的 CSS 选择器覆盖 Bootstrap 默认样式 - 为 .fabtn.btn、.fabtn.btn-icon、.fabtn.btn-neutral 等添加选择器 - 确保 border-radius 使用 var(--card-radius) 变量 - 同步更新左右切换按钮的圆角设置
This commit is contained in:
10
style.css
10
style.css
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user