Merge pull request #886 from cozy/fix--Reduce-click-area-on-app-vote-component

acezard · web-flow · commit 6b51bffcd6b2 · 2024-01-30T09:50:08.000+01:00
fix: Reduce click area on app vote component (VO-172)
diff --git a/src/styles/appVote.css b/src/styles/appVote.css
@@ -3,6 +3,7 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+  pointer-events: none; /* Prevents click events on the wrapper */
 }
 
 .sto-app-vote {
@@ -16,6 +17,7 @@
   border-radius: 2px;
   border: 1px var(--silver) dashed;
   padding: 0 1rem;
+  pointer-events: all; /* Allows click events on the vote component */
 }
 
 .sto-app-vote:hover,

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@`
`3`	`3`	`display: flex;`
`4`	`4`	`flex-direction: row;`
`5`	`5`	`justify-content: center;`
	`6`	`+ pointer-events: none; /* Prevents click events on the wrapper */`
`6`	`7`	`}`
`7`	`8`
`8`	`9`	`.sto-app-vote {`
`@@ -16,6 +17,7 @@`
`16`	`17`	`border-radius: 2px;`
`17`	`18`	`border: 1px var(--silver) dashed;`
`18`	`19`	`padding: 0 1rem;`
	`20`	`+ pointer-events: all; /* Allows click events on the vote component */`
`19`	`21`	`}`
`20`	`22`
`21`	`23`	`.sto-app-vote:hover,`