diff --git a/assets/app.css b/assets/app.css index a7a06d1a..15ab64ab 100644 --- a/assets/app.css +++ b/assets/app.css @@ -2,6 +2,19 @@ @import './defaultStyles.css'; @import './absicons.css'; +* { + -webkit-touch-callout: none; + -webkit-user-select: none; + user-select: none; +} + +input, +textarea { + -webkit-touch-callout: auto; + -webkit-user-select: auto; + user-select: auto; +} + body { background-color: #262626; } diff --git a/components/app/AudioPlayer.vue b/components/app/AudioPlayer.vue index 805f2c97..e92623cb 100644 --- a/components/app/AudioPlayer.vue +++ b/components/app/AudioPlayer.vue @@ -81,7 +81,7 @@
-
+

0:00

{{ timeRemainingPretty }}

@@ -90,7 +90,7 @@
-
+
@@ -547,8 +547,7 @@ export default { this.$refs.bufferedTrack.style.width = Math.round(bufferedPercent * this.trackWidth) + 'px' if (this.$refs.trackCursor) { - const cursorShift = this.isDraggingCursor ? 7 : 6 - this.$refs.trackCursor.style.left = ptWidth - cursorShift + 'px' + this.$refs.trackCursor.style.left = ptWidth - 7 + 'px' } if (this.useChapterTrack) { @@ -579,6 +578,7 @@ export default { }, async touchstartCursor(e) { if (!e || !e.touches || !this.$refs.track || !this.showFullscreen || this.lockUi) return + await this.$hapticsImpact() this.isDraggingCursor = true this.draggingTouchStartX = e.touches[0].pageX diff --git a/layouts/default.vue b/layouts/default.vue index 17bc502b..5595d11c 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -1,5 +1,5 @@