fix: QQ弹窗加hover桥接区域 + 回到顶部按钮透明底
All checks were successful
continuous-integration/drone/push Build is passing

- popup 加 ::before 透明桥接区域(16px),鼠标可以移到弹窗上
- 回到顶部按钮去掉深色背景,SVG 放大到 42px,默认半透明
This commit is contained in:
yiqiu
2026-03-18 23:07:52 +08:00
parent cd8b1d2037
commit e2d7a5dc7c

View File

@@ -68,6 +68,16 @@
white-space: nowrap; white-space: nowrap;
} }
/* 透明桥接区域:从 popup 右侧延伸到按钮,防止鼠标移向弹窗时中断 hover */
.fw-popup::before {
content: '';
position: absolute;
top: 0;
right: -16px;
width: 16px;
height: 100%;
}
/* 小三角 */ /* 小三角 */
.fw-popup::after { .fw-popup::after {
content: ''; content: '';
@@ -207,6 +217,11 @@
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: all 0.25s ease; transition: all 0.25s ease;
background: transparent !important;
border: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
} }
.fw-back-top.show { .fw-back-top.show {
@@ -215,8 +230,13 @@
} }
.fw-back-top svg { .fw-back-top svg {
width: 28px; width: 42px;
height: 28px; height: 42px;
opacity: 0.5;
transition: opacity 0.2s ease;
}
.fw-back-top:hover svg {
opacity: 0.9; opacity: 0.9;
} }