-
Notifications
You must be signed in to change notification settings - Fork 35
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
fix(listing): remove extra padding - INNO-916 #686
Conversation
Deploy preview for europa-component-library ready! Built with commit 29534d5 https://deploy-preview-686--europa-component-library.netlify.com |
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.
My only comment would be to make the logic a bit more easy to understand, otherwise it works well :)
@@ -31,8 +31,12 @@ | |||
width: 50%; | |||
} | |||
|
|||
.ecl-list-item__link { | |||
.ecl-list-item:nth-child(2n + 0) .ecl-list-item__link { |
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.
To be honest, it's easy to understand what's going on here without reading aside. A comment or two what are these calculations meant to represent will be helpful. There's also the nth-of-type(odd)
and nth-of-type(even)
syntax which makes it a bit more obvious without the calculations.
@@ -57,10 +61,18 @@ | |||
width: 33%; | |||
} | |||
|
|||
.ecl-list-item__link { | |||
.ecl-list-item:nth-child(3n + 0) .ecl-list-item__link { |
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.
Some documentation here will also be useful :)
PR description
Fix horizontal alignment
QA Checklist
In order to ensure a safe and quick review, please check that your PR follow those guidelines:
package.json
is up-to-date and@ecl/[system]-base
is part of the dependencies@define mycomponent
in the SCSS filemargin: 0;
on the CSS component