+
diff --git a/apps/stage-web/src/styles/main.css b/apps/stage-web/src/styles/main.css
index 843282d0a..6f8e46919 100755
--- a/apps/stage-web/src/styles/main.css
+++ b/apps/stage-web/src/styles/main.css
@@ -7,6 +7,16 @@
--bg-color: var(--bg-color-light);
}
+/**
+ Disable double-tap "zoom" option in browser on touch devices
+
+ https://stackoverflow.com/a/54207844
+ https://stackoverflow.com/questions/10614481/disable-double-tap-zoom-option-in-browser-on-touch-devices
+ */
+* {
+ touch-action: manipulation;
+}
+
html,
body,
#app {
diff --git a/packages/ui/src/components/Form/Range/RoundRange.vue b/packages/ui/src/components/Form/Range/RoundRange.vue
index 90129cfaf..048927765 100644
--- a/packages/ui/src/components/Form/Range/RoundRange.vue
+++ b/packages/ui/src/components/Form/Range/RoundRange.vue
@@ -74,11 +74,11 @@ https://toughengineer.github.io/demo/slider-styler*/
transition: background-color 0.2s ease;
--thumb-width: var(--height);
- --thumb-height: 0px;
+ --thumb-height: var(--height);
--thumb-box-shadow: none;
--thumb-border: none;
--thumb-border-radius: 0px;
- --thumb-background: rgb(255, 255, 255);
+ --thumb-background: transparent;
--track-height: calc(var(--height) - var(--track-value-padding) * 2);
--track-box-shadow: 0 0 12px -2px rgb(0 0 0 / 22%);