fix: 修复浮动按钮显示异常问题
- 修复 fabtn_toggle_sides 按钮时隐时现的问题 - 为隐藏状态添加 pointer-events: none,防止误触 - 优化按钮显示/隐藏的过渡动画 - 修复设置按钮显示逻辑,改为只有明确设置为 true 时才显示 - 添加 !important 确保隐藏样式优先级
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user