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

[Redesign] Fix spacing of dependency groups #8721

Merged
merged 1 commit into from
Jul 30, 2021

Conversation

loic-sharma
Copy link
Contributor

@loic-sharma loic-sharma commented Jul 29, 2021

Before...

image

After:

image

After (for packages that support all frameworks):

image

Addresses #8715

Test build: https://devdiv.visualstudio.com/DevDiv/_build/results?buildId=5037654
Test release:

@loic-sharma loic-sharma marked this pull request as ready for review July 29, 2021 21:30
@loic-sharma loic-sharma requested a review from a team as a code owner July 29, 2021 21:30
#dependencies-tab {
li:first-child h4 {
margin-top: 0px;
}
Copy link
Contributor Author

@loic-sharma loic-sharma Jul 29, 2021

Choose a reason for hiding this comment

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

This trick is necessary because each dependency group's target framework is declared in a h4 element that is nested in a li tag:

<ul>
  <li>
    <h4>TFM 1</h4>
    Dependencies...
  </li>
  <li>
    <h4>TFM 2</h4>
    Dependencies...
  </li>
</ul>

As a result, each h4 had no top margin as they all matched the first-child selector. This new CSS correctly applies the top margin only to the first h4 in this list.

@zhhyu
Copy link
Contributor

zhhyu commented Jul 30, 2021

Nice! 👍

@loic-sharma loic-sharma merged commit e45da51 into dev Jul 30, 2021
@loic-sharma loic-sharma deleted the loshar-redesign-dependencies branch July 30, 2021 17:27
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