Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: use tertiary theme for overlay buttons #735

Merged
merged 2 commits into from Oct 6, 2020

Conversation

DiegoCardoso
Copy link
Contributor

Remove styles applied to the buttons and use "tertiary" theme instead.

Fixes #734

Remove styles applied to the buttons and use "tertiary" theme instead.

Fixes #734
@web-padawan
Copy link
Member

Note, screenshots are different because of padding property change:

Before

padding: 0 0.75em; hardcoded here.

Screenshot 2020-10-06 at 10 03 31

After

padding: 0 calc(var(--lumo-button-size) / 6); defined here.

Screenshot 2020-10-06 at 10 03 00

I'm not sure where does 0.75em come from. In the tertiary button theme we always used a different padding.

Copy link
Member

@web-padawan web-padawan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Discussed with @jouni and agreed the change looks good.

It’s internal to our component layout, won’t affect application layouts.
If a custom theme has changed the padding, it should still work as well.

@web-padawan web-padawan merged commit 865c7dd into master Oct 6, 2020
@web-padawan web-padawan deleted the refactor/apply-tertiary-theme branch October 6, 2020 07:22
@jouni
Copy link
Member

jouni commented Oct 6, 2020

Though, the margins should still be removed from the buttons, now that I look closer.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

DatePicker-Overlay button (today, cancel) should have assigned theme tertiary
3 participants