fix(nav): stop click ripple from stretching CTA chips
.aksrt-wave was injected into .but without position:absolute, so the oversized span expanded header publish/VIP buttons on click. Make the wave absolute, honor .nowave, and skip navbar CTA roots.
This commit is contained in:
@@ -541,6 +541,35 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Runtime broad ripple (.aksrt-wave injected into .but/.btn).
|
||||
* MUST stay out of flow — missing absolute made header CTA grow on click. */
|
||||
.aksrt-wave {
|
||||
position: absolute !important;
|
||||
border-radius: 50%;
|
||||
background: rgba(255, 255, 255, 0.35);
|
||||
pointer-events: none !important;
|
||||
z-index: 1;
|
||||
transform: scale(0);
|
||||
animation: aksrtWaveRipple 0.6s ease-out forwards;
|
||||
}
|
||||
|
||||
@keyframes aksrtWaveRipple {
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header CTA chips: never host layout-affecting ripple children */
|
||||
.navbar-top a.navbar-cta,
|
||||
.navbar-top a.newadd-btns,
|
||||
.navbar-top a.payvip-icon.navbar-cta,
|
||||
.navbar-top .navbar-but .but,
|
||||
.navbar-top .navbar-vip a.but,
|
||||
.nowave {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 10. 模态框堆叠动画 — 父模态缩小
|
||||
* ============================================================ */
|
||||
|
||||
Reference in New Issue
Block a user