mirror of
https://github.com/slint-ui/slint.git
synced 2025-08-04 10:50:00 +00:00
Wasm demos: add touch-action: none
to all canvas
So that the Slider, Flickabke and such works on android/chrome
This commit is contained in:
parent
da1879f049
commit
013eee351c
8 changed files with 11 additions and 0 deletions
|
@ -14,6 +14,7 @@
|
|||
<style>
|
||||
canvas:focus {
|
||||
outline: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
/* beautify ignore:start */
|
||||
|
|
|
@ -19,6 +19,8 @@
|
|||
animation: spinner 1s ease infinite;
|
||||
}
|
||||
@keyframes spinner { to { transform: rotate(360deg); } }
|
||||
|
||||
canvas { touch-action: none; }
|
||||
/* beautify ignore:end */
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -19,6 +19,8 @@
|
|||
animation: spinner 1s ease infinite;
|
||||
}
|
||||
@keyframes spinner { to { transform: rotate(360deg); } }
|
||||
|
||||
canvas { touch-action: none; }
|
||||
/* beautify ignore:end */
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -19,6 +19,8 @@
|
|||
animation: spinner 1s ease infinite;
|
||||
}
|
||||
@keyframes spinner { to { transform: rotate(360deg); } }
|
||||
|
||||
canvas { touch-action: none; }
|
||||
/* beautify ignore:end */
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -17,6 +17,7 @@
|
|||
|
||||
canvas:focus {
|
||||
outline: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 992px) and (orientation: landscape) {
|
||||
|
|
|
@ -17,6 +17,7 @@
|
|||
|
||||
canvas:focus {
|
||||
outline: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 992px) and (orientation: landscape) {
|
||||
|
|
|
@ -8,6 +8,7 @@
|
|||
<style>
|
||||
canvas:focus {
|
||||
outline: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
|
@ -14,6 +14,7 @@
|
|||
<style>
|
||||
canvas:focus {
|
||||
outline: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
/* beautify ignore:start */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue