fix: 修复浮动按钮显示异常问题
- 修复 fabtn_toggle_sides 按钮时隐时现的问题 - 为隐藏状态添加 pointer-events: none,防止误触 - 优化按钮显示/隐藏的过渡动画 - 修复设置按钮显示逻辑,改为只有明确设置为 true 时才显示 - 添加 !important 确保隐藏样式优先级
This commit is contained in:
@@ -1321,7 +1321,7 @@ if (apply_filters('argon_page_background_url', get_option('argon_page_background
|
||||
|
||||
</button>
|
||||
|
||||
<button id="fabtn_toggle_blog_settings_popup" class="btn btn-icon btn-neutral fabtn shadow-sm" type="button" <?php if (get_option('argon_fab_show_settings_button') == 'false') echo " style='display: none;'";?> aria-label="Open Blog Settings Menu" tooltip="<?php _e('设置', 'argon'); ?>">
|
||||
<button id="fabtn_toggle_blog_settings_popup" class="btn btn-icon btn-neutral fabtn shadow-sm" type="button" <?php if (get_option('argon_fab_show_settings_button') != 'true') echo " style='display: none !important;'";?> aria-label="Open Blog Settings Menu" tooltip="<?php _e('设置', 'argon'); ?>">
|
||||
|
||||
<span class="btn-inner--icon"><i class="fa fa-cog"></i></span>
|
||||
|
||||
|
||||
@@ -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