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

[Design guidance] Additional pages #1531

Merged
merged 15 commits into from May 21, 2024
Merged

[Design guidance] Additional pages #1531

merged 15 commits into from May 21, 2024

Conversation

niels9001
Copy link
Collaborator

@niels9001 niels9001 commented May 2, 2024

Description

  • Updated the design guidance menu names to be inline with the docs (e.g. Icons => Iconography, Colors => Color) and sorted alphabetically.

  • Moved the Card stroke brush on the Stroke colors page to the top, so it's inline with the Card background brush and the control strokes are grouped.

  • Adding a bit more spacing between the color sections

  • Left aligned type ramp image on the Typography page

  • Added a new Geometry page explaining how to use the CornerRadius resources:
    image

  • Added a new Spacing page showing a spacing ramp and some common UI examples with redlines:
    image

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

@niels9001 niels9001 requested a review from karkarl May 2, 2024 06:24
@niels9001 niels9001 changed the title [Design guidance] Geometry page [Design guidance] Additional pages May 5, 2024
Copy link
Contributor

@Jay-o-Way Jay-o-Way left a comment

Choose a reason for hiding this comment

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

Nice! Few small comments.

@karkarl
Copy link
Collaborator

karkarl commented May 15, 2024

/azp run

2 similar comments
@karkarl
Copy link
Collaborator

karkarl commented May 16, 2024

/azp run

@karkarl
Copy link
Collaborator

karkarl commented May 16, 2024

/azp run

@karkarl
Copy link
Collaborator

karkarl commented May 17, 2024

/azp run

Jay-o-Way

This comment was marked as outdated.

@niels9001
Copy link
Collaborator Author

@niels9001 Detail inconsistent image

Aah, great catch! Updated the image!

@niels9001 niels9001 requested a review from Jay-o-Way May 17, 2024 13:01
@karkarl
Copy link
Collaborator

karkarl commented May 17, 2024

/azp run

1 similar comment
@karkarl
Copy link
Collaborator

karkarl commented May 17, 2024

/azp run

Copy link
Contributor

@Jay-o-Way Jay-o-Way left a comment

Choose a reason for hiding this comment

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

Still inconsistent (internally)
image

and inconsistent with the linked page on MS Learn
image

CC @crutkas

Jay-o-Way

This comment was marked as resolved.

@Jay-o-Way
Copy link
Contributor

Looks like this isn't pixel-perfect either
image

@Jay-o-Way
Copy link
Contributor

Padding of 24 in the "lists" is too large; ListView uses 12
image

@Jay-o-Way Jay-o-Way mentioned this pull request May 19, 2024
niels9001 and others added 2 commits May 20, 2024 07:40
few suggestions, as also commented in  #1531
feel free to adapt where needed
@karkarl
Copy link
Collaborator

karkarl commented May 20, 2024

/azp run

@niels9001
Copy link
Collaborator Author

@Jay-o-Way Made some tweaks based on your feedback, I think for the spacing on the lists for spacing / typeramp we are good as its per what the design folks created for us

@karkarl
Copy link
Collaborator

karkarl commented May 20, 2024

/azp run

@karkarl karkarl merged commit 4bf8b98 into main May 21, 2024
2 checks passed
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.

None yet

3 participants