-
Notifications
You must be signed in to change notification settings - Fork 6.8k
docs: adjust element spacing within examples #15369
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
Conversation
@@ -4,3 +4,10 @@ | |||
margin: 10px; | |||
border: 1px solid #555; | |||
} | |||
|
|||
mat-drawer-content { | |||
padding: 10px; |
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.
A little nitpicky, but if I remember correctly, all the spacings in the Material design spec were in 4px increments. Maybe we should switch all of these 10px values to 8px or 12px?
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.
@crisbeto I switched all values to either 12px or 8px. Thanks
* Adjusts the amount of spacing between crowded UI elements in the following examples: button-toggle-appearance, datepicker-api, datepicker-color, datepicker-locale, datepicker-value, expansion-steps, focus-monitor-directives, focus-monitor-focus-via, focus-monitor-overview, form-field-label, input-form, paginator-configurable, sidenav-backdrop, snack-bar-overview, snack-bar-position, text-field-autofill-directive, text-field-autofill-monitor, text-field-autosize-textarea
223ea48
to
2985ef9
Compare
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.
LGTM
* Adjusts the amount of spacing between crowded UI elements in the following examples: button-toggle-appearance, datepicker-api, datepicker-color, datepicker-locale, datepicker-value, expansion-steps, focus-monitor-directives, focus-monitor-focus-via, focus-monitor-overview, form-field-label, input-form, paginator-configurable, sidenav-backdrop, snack-bar-overview, snack-bar-position, text-field-autofill-directive, text-field-autofill-monitor, text-field-autosize-textarea
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Adjusts the amount of spacing between crowded UI elements in the following examples: button-toggle-appearance, datepicker-api, datepicker-color, datepicker-locale, datepicker-value, expansion-steps, focus-monitor-directives, focus-monitor-focus-via, focus-monitor-overview, form-field-label, input-form, paginator-configurable, sidenav-backdrop, snack-bar-overview, snack-bar-position, text-field-autofill-directive, text-field-autofill-monitor, text-field-autosize-textarea