Disable tap highlight on interactive elements

Remove the blue/gray selection overlay that appears when tapping
buttons, links, sidebar items and other interactive elements on
mobile devices.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2025-12-22 21:25:49 +01:00
parent 9a85345d75
commit 7b9d5f8029

View File

@@ -44,6 +44,26 @@ body {
padding: 0;
}
/* Disable tap highlight on all interactive elements */
button,
a,
input,
select,
textarea,
label,
[role="button"],
[tabindex],
.sidebar,
.sidebar *,
.nav-item,
.order-card,
.toggle-modern,
.page-tab-btn,
.admin-tabs-slider *,
.page-tabs-slider * {
-webkit-tap-highlight-color: transparent;
}
/* Page header slider - rounded pill style (like admin panel) */
.page-tabs-slider,
.admin-tabs-slider {