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

fix(button): set width/height clickarea 100%

Browse source
This commit is contained in:
Joren Broekema 2020-10-19 13:06:46 +02:00
parent 7b4a0c4aef
commit b910d6f730
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/ */ /* src = https://www.smashingmagazine.com/2012/02/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/ */
min-height: 40px; min-height: 40px;
min-width: 40px; min-width: 40px;
width: 100%;
height: 100%;
} }
.button-content { .button-content {