fix(ui): suppress tap-flash directly on the header title and back
CI / changes (pull_request) Successful in 2s
CI / unit (pull_request) Has been skipped
CI / integration (pull_request) Has been skipped
CI / ui (pull_request) Successful in 57s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m30s
CI / changes (pull_request) Successful in 2s
CI / unit (pull_request) Has been skipped
CI / integration (pull_request) Has been skipped
CI / ui (pull_request) Successful in 57s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m30s
The global -webkit-tap-highlight-color on #app was not enough on Android in-app WebViews (Telegram, VK): they only suppress the selection-like tap flash when -webkit-user-select / -webkit-tap-highlight-color / -webkit-touch-callout sit DIRECTLY on the tapped element, not inherited. Set them on the two tappable header controls — the title (a 10-tap debug target) and the back chevron.
This commit is contained in:
@@ -124,6 +124,17 @@
|
|||||||
.back:hover {
|
.back:hover {
|
||||||
background: var(--surface-2);
|
background: var(--surface-2);
|
||||||
}
|
}
|
||||||
|
/* Android in-app WebViews (Telegram, VK) flash a selection-like box on the two tappable header
|
||||||
|
controls — the title (a 10-tap debug target) and the back chevron — on a plain tap. The global
|
||||||
|
-webkit-user-select / -webkit-tap-highlight-color on #app is inherited, but those WebViews only
|
||||||
|
suppress the artifact when the properties sit DIRECTLY on the tapped element. */
|
||||||
|
h1,
|
||||||
|
.back {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
}
|
||||||
/* A thin, compact "<" drawn from two borders — lighter than a glyph. */
|
/* A thin, compact "<" drawn from two borders — lighter than a glyph. */
|
||||||
.chev {
|
.chev {
|
||||||
width: 11px;
|
width: 11px;
|
||||||
|
|||||||
Reference in New Issue
Block a user