Skip to content

Conversation

jouni
Copy link
Member

@jouni jouni commented Aug 7, 2025

Improve the layout of these components:

  • Card
  • Dialog and Confirm Dialog
  • Login Form and Login Overlay
  • CRUD
  • Horizontal and Vertical Layout

Copy link

sonarqubecloud bot commented Aug 7, 2025

@@ -42,7 +42,7 @@ export const tabSheetStyles = [
position: relative;
flex: 1;
box-sizing: border-box;
padding: var(--vaadin-tabsheet-padding, var(--vaadin-padding-s));
padding: var(--vaadin-tabsheet-padding, var(--vaadin-padding-l));
Copy link
Member

Choose a reason for hiding this comment

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

This would make the content / prefix look a bit misaligned, which is especially noticeable in the no-border screenshot. Not a blocker since padding is easily configurable with a custom property anyway.

Copy link
Member Author

Choose a reason for hiding this comment

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

Yeah, I contemplated on this, and it was a very on-the-spot judgement call to use a bigger padding on the content. Let’s see if it holds up with Aura, or if we want to adjust it.

@web-padawan web-padawan merged commit b3aa3ee into main Aug 7, 2025
9 checks passed
@web-padawan web-padawan deleted the fix/base-style-padding-gap-usage branch August 7, 2025 14:48
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.

2 participants