Create Svelte: Default App CSS fix (#4390)

aMediocreDad · Rich-Harris · web-flow · commit 93f0f50dc881 · 2022-03-19T07:48:03.000-04:00
* fix: Add touch-action to counter buttons

* chore: Add changeset

* Update .changeset/lemon-keys-run.md

* Update .changeset/lemon-keys-run.md

Co-authored-by: Rich Harris &lt;hello@rich-harris.dev&gt;
diff --git a/.changeset/lemon-keys-run.md b/.changeset/lemon-keys-run.md
@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Fix iOS double-tap zoom on counter buttons
diff --git a/packages/create-svelte/templates/default/src/lib/Counter.svelte b/packages/create-svelte/templates/default/src/lib/Counter.svelte
@@ -50,6 +50,7 @@
 		justify-content: center;
 		border: 0;
 		background-color: transparent;
+		touch-action: manipulation;
 		color: var(--text-color);
 		font-size: 2rem;
 	}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'create-svelte': patch
 +---
++
 +Fix iOS double-tap zoom on counter buttons
Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,7 @@`
`50`	`50`	`justify-content: center;`
`51`	`51`	`border: 0;`
`52`	`52`	`background-color: transparent;`
	`53`	`+ touch-action: manipulation;`
`53`	`54`	`color: var(--text-color);`
`54`	`55`	`font-size: 2rem;`
`55`	`56`	`}`