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

Tweak dashboard title padding #6722

Merged
merged 1 commit into from
Nov 29, 2024
Merged

Tweak dashboard title padding #6722

merged 1 commit into from
Nov 29, 2024

Conversation

JamesNK
Copy link
Member

@JamesNK JamesNK commented Nov 19, 2024

Description

Slightly reduce the left padding of the dashboard title/toolbar/footer, etc (4px).

After:

image

Checklist

  • Is this feature complete?
    • Yes. Ready to ship.
    • No. Follow-up changes expected.
  • Are you including unit tests for the changes and scenario tests if relevant?
    • Yes
    • No
  • Did you add public API?
    • Yes
      • If yes, did you have an API Review for it?
        • Yes
        • No
      • Did you add <remarks /> and <code /> elements on your triple slash comments?
        • Yes
        • No
    • No
  • Does the change make any security assumptions or guarantees?
    • Yes
      • If yes, have you done a threat model and had a security review?
        • Yes
        • No
    • No
  • Does the change require an update in our Aspire docs?
Microsoft Reviewers: Open in CodeFlow

@drewnoakes
Copy link
Member

What's the rationale for this change? The left alignment looks strange:

image

There are three lines in the "grid system" here, where there should probably be one.

image

@JamesNK
Copy link
Member Author

JamesNK commented Nov 22, 2024

I changed the overall title (TestShop) to line up with the page title after taking the screenshot. This is what I see:

image

@JamesNK
Copy link
Member Author

JamesNK commented Nov 22, 2024

The reason for the change is I felt indenting the titles and all other page content to line up with the grid (18px) indent was too much.

Do you prefer everything lines up?

@JamesNK
Copy link
Member Author

JamesNK commented Nov 22, 2024

I went through every page and tried to line everything up as much as possible inside the content area (dark grey area). The one exception, which is outside that area, is the app name next to the Aspire logo.

I think the app name looks fine not lined up with inner page content. Also, I went out and looked at other web apps and they don't attempt to line up the app name.

@JamesNK
Copy link
Member Author

JamesNK commented Nov 27, 2024

Ping @drewnoakes @adamint

@JamesNK
Copy link
Member Author

JamesNK commented Nov 27, 2024

/azp run

Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@JamesNK
Copy link
Member Author

JamesNK commented Nov 28, 2024

/azp run

Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@JamesNK
Copy link
Member Author

JamesNK commented Nov 28, 2024

/azp run

@JamesNK JamesNK enabled auto-merge (squash) November 28, 2024 02:32
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@JamesNK JamesNK merged commit d9a9826 into main Nov 29, 2024
9 checks passed
@JamesNK JamesNK deleted the jamesnk/dashboard-padding branch November 29, 2024 03:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants