ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #1036 from ing-bank/fix/button-clickarea

Browse source 
fix(button): set width/height clickarea 100%
This commit is contained in:
Joren Broekema 2020-10-19 13:59:47 +02:00 committed by GitHub
commit 4f04ee33ea
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/curly-oranges-promise.md Normal file
View file

@ -0,0 +1,5 @@
---
'@lion/button': patch
---
On top of the 40x40px min height and width, set width/height to 100% so that the clickarea covers the entire width or height of the button.

2
packages/button/src/LionButton.js
View file

@ -76,6 +76,8 @@ export class LionButton extends DisabledWithTabIndexMixin(SlotMixin(LitElement))
/* src = https://www.smashingmagazine.com/2012/02/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/ */
min-height: 40px;
min-width: 40px;
width: 100%;
height: 100%;
}
.button-content {