fix: 修复浮动按钮功能和显示问题
- 修复回到顶部按钮功能,移除不存在的 easeOutExpo 缓动函数 - 移除所有浮动按钮的 tooltip 文字提示 - 删除 before 伪元素的 content 定义 - 确保按钮根据后台设置正确显示/隐藏
This commit is contained in:
@@ -698,7 +698,7 @@ if (argonConfig.waterflow_columns != "1") {
|
|||||||
$backToTopBtn.on("click" , function(){
|
$backToTopBtn.on("click" , function(){
|
||||||
$("body,html").stop().animate({
|
$("body,html").stop().animate({
|
||||||
scrollTop: 0
|
scrollTop: 0
|
||||||
}, 600, 'easeOutExpo');
|
}, 600);
|
||||||
});
|
});
|
||||||
|
|
||||||
$toggleDarkmode.on("click" , function(){
|
$toggleDarkmode.on("click" , function(){
|
||||||
|
|||||||
108
style.css
108
style.css
@@ -3247,117 +3247,11 @@ html.is-home.banner-as-cover #float_action_buttons.hidden {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#float_action_buttons .fabtn:before {
|
#float_action_buttons .fabtn:before {
|
||||||
pointer-events: none;
|
display: none !important;
|
||||||
position: absolute;
|
|
||||||
top: 7px;
|
|
||||||
right: 50px;
|
|
||||||
line-height: 22px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #fff;
|
|
||||||
background: rgba(0, 0, 0, 0.85);
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
padding: 4px 12px;
|
|
||||||
font-size: 12px;
|
|
||||||
border-radius: 6px;
|
|
||||||
transition:
|
|
||||||
transform var(--animation-fast) var(--ease-emphasized-decelerate),
|
|
||||||
opacity var(--animation-fast) var(--ease-standard);
|
|
||||||
transform: translateX(8px);
|
|
||||||
opacity: 0;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-transform: none;
|
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
html.darkmode #float_action_buttons .fabtn:before {
|
|
||||||
background: rgba(255, 255, 255, 0.9);
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons .fabtn.fabtn-hidden:before {
|
|
||||||
opacity: 0 !important;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons.fabtns-float-left .fabtn:before {
|
|
||||||
left: 50px;
|
|
||||||
right: unset;
|
|
||||||
transform: translateX(-8px);
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons .fabtn:hover:before {
|
|
||||||
transform: translateX(0px);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons #fabtn_toggle_sides:before {
|
|
||||||
|
|
||||||
content: attr(tooltip-move-to-left);
|
|
||||||
|
|
||||||
top: 1px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons.fabtns-float-left #fabtn_toggle_sides:before {
|
|
||||||
|
|
||||||
content: attr(tooltip-move-to-right);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons #fabtn_back_to_top:before {
|
|
||||||
|
|
||||||
content: attr(tooltip);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons #fabtn_reading_progress:before {
|
|
||||||
|
|
||||||
content: attr(tooltip);
|
|
||||||
|
|
||||||
top: 1px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons #fabtn_open_sidebar:before {
|
|
||||||
|
|
||||||
content: attr(tooltip);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons #fabtn_go_to_comment:before {
|
|
||||||
|
|
||||||
content: attr(tooltip);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons #fabtn_toggle_darkmode:before {
|
|
||||||
|
|
||||||
content: attr(tooltip-darkmode);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
html.amoled-dark #float_action_buttons #fabtn_toggle_darkmode:before {
|
|
||||||
|
|
||||||
content: attr(tooltip-blackmode);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
html.darkmode #float_action_buttons #fabtn_toggle_darkmode:before {
|
|
||||||
|
|
||||||
content: attr(tooltip-lightmode);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#float_action_buttons #fabtn_toggle_blog_settings_popup:before {
|
|
||||||
|
|
||||||
content: attr(tooltip);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#fabtn_toggle_darkmode i.fa {
|
#fabtn_toggle_darkmode i.fa {
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#fabtn_toggle_darkmode i.fa-lightbulb-o {
|
#fabtn_toggle_darkmode i.fa-lightbulb-o {
|
||||||
|
|||||||
Reference in New Issue
Block a user