- commit
- 9fb3a63acf449f78c194a2d977058aa2af8fd8ca
- parent
- 2297218ffb1d781bca3be48cb94bd53625f0f181
- author
- Dami <dami.etoile@gmail.com>
| M | fuji.html | 2 | +- |
| M | index.html | 2 | +- |
| M | perspective.html | 2 | +- |
| M | social.html | 2 | +- |
| M | style.css | 9 | +++++++-- |
@@ -2,7 +2,7 @@
22 <html lang="en">33 <head>44 <meta charset="utf-8">5- <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content">5+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, interactive-widget=resizes-content">66 <script src="./viewport.js"></script>77 <meta name="theme-color" content="#1a1a1a">88 <meta name="description" content="Develop a Fujifilm RAF with any film simulation. Runs on your device.">@@ -2,7 +2,7 @@
22 <html lang="en">33 <head>44 <meta charset="utf-8">5- <meta name="viewport" content="width=device-width, initial-scale=1">5+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">66 <script src="./viewport.js"></script>77 <meta name="theme-color" content="#000000">88 <meta name="description" content="Photo tools that run on your phone. Nothing is uploaded.">@@ -2,7 +2,7 @@
22 <html lang="en">33 <head>44 <meta charset="utf-8">5- <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content">5+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, interactive-widget=resizes-content">66 <script src="./viewport.js"></script>77 <meta name="theme-color" content="#1a1a1a">88 <meta name="description" content="Straighten leaning buildings and walls. Runs on your device.">@@ -2,7 +2,7 @@
22 <html lang="en">33 <head>44 <meta charset="utf-8">5- <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content">5+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, interactive-widget=resizes-content">66 <script src="./viewport.js"></script>77 <meta name="theme-color" content="#1a1a1a">88 <meta name="description" content="Crop, frame, vignette and grain for posting. Runs on your device.">@@ -31,7 +31,13 @@
3131 }3232 * { box-sizing: border-box; }3333 html, body { margin: 0; height: 100%; background: var(--bg); overscroll-behavior: none; }34-body { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }34+/* Nothing on these pages is meant to be selected, dragged or zoomed. */35+body { -webkit-tap-highlight-color: transparent; touch-action: pan-y; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }36+img, canvas, svg { -webkit-user-drag: none; user-drag: none; }37+.tool-body { touch-action: none; }38+.chips { touch-action: pan-x; }39+input[type=range] { touch-action: none; }40+dialog.sheet { touch-action: pan-y; }3541 button, input, select { font: inherit; color: inherit; }3642 button { background: none; border: 0; padding: 0; margin: 0; cursor: pointer; border-radius: 8px; }3743 button:disabled { cursor: default; }@@ -118,7 +124,6 @@ h1, h2, h3, p { margin: 0; }
118124 flex: 1 1 0; min-height: 0; position: relative;119125 display: flex; align-items: center; justify-content: center;120126 background: var(--bg);121- -webkit-touch-callout: none; user-select: none; -webkit-user-select: none;122127 touch-action: none;123128 }124129 .canvas-wrap { position: relative; }