-
Notifications
You must be signed in to change notification settings - Fork 0
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
feat: Add specific component tags for avatar, text-area and button for better theming support #50
Conversation
Own tag for avatar when used via vaadin-message, so that it can be themed.
Own tag for avatar when used via vaadin-message-input, so that it can be themed.
Own tag for button when used via vaadin-message-input, so that it can be themed.
A zero value should not have a unit.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Visual tests are failing, please check if some CSS is not correctly applied.
I have a problem. --vaadin-avatar-outline-width: 0px; It is a zero value and zero values should not have a unit. I changed the row to --vaadin-avatar-outline-width: 0; but that actually broke the implementation. Margin-right of the avatar was not anymore there. This is because it is used in a calc in :host {
margin-right: calc(var(--lumo-space-m) - var(--vaadin-avatar-outline-width));
margin-top: calc(var(--lumo-space-s) - var(--vaadin-avatar-outline-width));
} that evaluates with resolved variables to So now I'm unsure how to have to satisfy the linter correctly. |
Tested in iOS Simulator locally and the tests are passing. Probably it was SauceLabs issue. |
Resolves #28