kate522/wordpress-theme-aksrt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(nav): stop click ripple from stretching CTA chips

Browse Source 
.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:
kate522 committed 2026-07-25 10:58:04 +08:00
1 parent 77150afe38
commit d3cae1f1cb
3 files changed
+63 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/frontend/nav.css
+21
View File
@@ -636,3 +636,24 @@ body.dark-theme .navbar-but-cluster .toggle-theme .theme-icon-sun {
display: none !important;
}
}
/* Absolute-size CTA chips: ignore injected .aksrt-wave for layout */
.navbar-top a.navbar-cta,
.navbar-top a.newadd-btns.navbar-cta,
.navbar-top a.navbar-newposts.navbar-cta,
.navbar-top a.payvip-icon.navbar-cta,
.navbar-top .navbar-but .but,
.navbar-top .navbar-form.navbar-but a.but,
.navbar-top .navbar-form.navbar-vip a.but {
position: relative !important;
overflow: hidden !important;
flex: 0 0 auto !important;
}
.navbar-top a.navbar-cta > .aksrt-wave,
.navbar-top a.but > .aksrt-wave,
.navbar-top .but > .aksrt-wave {
position: absolute !important;
pointer-events: none !important;
margin: 0 !important;
flex: none !important;
}