nanhaoluo/argon-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

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

2
header.php
View File

@@ -1321,7 +1321,7 @@ if (apply_filters('argon_page_background_url', get_option('argon_page_background
</button> </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> <span class="btn-inner--icon"><i class="fa fa-cog"></i></span>

9
style.css
View File

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