diff --git a/apps/stage-web/index.html b/apps/stage-web/index.html index 255acecda..9456fcf24 100644 --- a/apps/stage-web/index.html +++ b/apps/stage-web/index.html @@ -4,7 +4,7 @@ AIRI - + diff --git a/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue b/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue index 57742e21b..8d3848845 100644 --- a/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue +++ b/apps/stage-web/src/components/Layouts/MobileInteractiveArea.vue @@ -116,7 +116,7 @@ onMounted(() => {
-
+
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%);