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

fix(button): set display to inline-flex for inline content

Browse source
This commit is contained in:
jorenbroekema 2020-10-15 17:53:05 +02:00 committed by Thomas Allmer
parent d5b00fe0d3
commit f7ab53910d
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/tidy-owls-call.md Normal file
View file

@ -0,0 +1,5 @@
---
'@lion/button': patch
---
Set button host to inline-flex as a better default for when button content contains a before or after icon

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

@ -53,7 +53,7 @@ export class LionButton extends DisabledWithTabIndexMixin(SlotMixin(LitElement))
css` css`
:host { :host {
position: relative; position: relative;
display: inline-block; display: inline-flex;
box-sizing: border-box; box-sizing: border-box;
vertical-align: middle; vertical-align: middle;
line-height: 24px; line-height: 24px;