diff --git a/src/public/news.css b/src/public/news.css index 08721ad..f5fa002 100644 --- a/src/public/news.css +++ b/src/public/news.css @@ -53,10 +53,15 @@ .sidebar a:active, .comment-preview:active, .bell-button:active { + touch-action: manipulation; transform: scale(0.88); transition: transform 0.1s ease; cursor: pointer; } +button, a, .interaction-element { + touch-action: manipulation; + user-select: none; +} .mobile-row-image:active { transform: scale(0.99); transition: transform 0.1s ease; diff --git a/src/views/components/row.mjs b/src/views/components/row.mjs index 2888a27..14a0587 100644 --- a/src/views/components/row.mjs +++ b/src/views/components/row.mjs @@ -494,7 +494,7 @@ const row = ( : html`${story.displayName}` @@ -541,7 +541,7 @@ const row = ( href="#" class="caster-link share-link" title="Share" - style="user-select: none; white-space: nowrap;" + style="touch-action: manipulation; user-select: none; white-space: nowrap;" onclick="event.preventDefault(); navigator.share({url: 'https://news.kiwistand.com/stories/${slugify( DOMPurify.sanitize(story.title), )}?index=0x${story.index}' });" @@ -567,7 +567,7 @@ const row = ( href="#" class="meta-link share-link" title="Share" - style="user-select: none; white-space: nowrap;" + style="touch-action: manipulation; user-select: none; white-space: nowrap;" onclick="event.preventDefault(); navigator.clipboard.writeText('https://news.kiwistand.com/stories/${slugify( DOMPurify.sanitize(story.title), )}?index=0x${story.index}'); window.toast.success('Link copied!');" @@ -643,7 +643,7 @@ const row = ( !invert ? html`
- ${DOMPurify.sanitize( story.lastComment.identity.displayName, )}:
- ${truncateComment( DOMPurify.sanitize(story.lastComment.title), )}