fix: 修复浮动按钮显示异常问题

- 修复 fabtn_toggle_sides 按钮时隐时现的问题
- 为隐藏状态添加 pointer-events: none,防止误触
- 优化按钮显示/隐藏的过渡动画
- 修复设置按钮显示逻辑,改为只有明确设置为 true 时才显示
- 添加 !important 确保隐藏样式优先级
This commit is contained in:
2026-01-12 16:50:42 +08:00
parent ec487343e5
commit 055df39e30
2 changed files with 9 additions and 2 deletions

View File

@@ -3211,15 +3211,22 @@ html.is-home.banner-as-cover #float_action_buttons.hidden {
height: 30px !important;
transform: translateY(8px) scale(0.9);
opacity: 0;
pointer-events: none;
transition:
transform var(--animation-normal) var(--ease-emphasized-decelerate),
opacity var(--animation-normal) var(--ease-standard);
opacity var(--animation-normal) var(--ease-standard),
pointer-events 0s var(--animation-normal);
}
#float_action_buttons:hover #fabtn_toggle_sides {
height: 30px !important;
transform: translateY(0px) scale(1);
opacity: 1;
pointer-events: auto;
transition:
transform var(--animation-normal) var(--ease-emphasized-decelerate),
opacity var(--animation-normal) var(--ease-standard),
pointer-events 0s 0s;
}
#fabtn_reading_progress {