Skip to content

Conversation

@4shub
Copy link

@4shub 4shub commented Sep 4, 2020

Summary

This PR was made to fix the following UI issue found here

Before

Screen Shot 2020-09-04 at 4 50 55 PM

After

Screen Shot 2020-09-04 at 4 50 44 PM

Details

It looks like only paragraph level list items have the grid-column configuration css included. This adds the grid-column attribute to any ul item that's a direct child of the definition content.

note: Not sure if this app might benefit if all "block" items should receive this grid-column treatment. But for now this change should fix the visual blip.

@4shub 4shub changed the title Fix mis-aligned grid for <ul>s inside definitions Fix mis-configured grid for <ul>s inside definitions Sep 5, 2020
@ajtran303
Copy link

ajtran303 commented Sep 7, 2020

Hi! I made a branch to work on this too. Check out #271 -- I have a different approach to solve in #322

@tatianamac
Copy link
Collaborator

Thank you, @4shub! I love how detailed your PR is. I think in this case the solution proposed in #271 fixes an additional problem of the countries list being less scannable (which was a prior issue, and not your fault).

Re: this as a general list problem, I think fixing the inheritance as in #347 will solve this problem in a more global way. For now I'm going to mark this as duplicative. I really hope you'll submit again soon!

@tatianamac tatianamac added Resolution · Duplicate Issue or PR that already exists Type · Bug Something isn't working labels Oct 7, 2020
@tatianamac tatianamac closed this Oct 7, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Resolution · Duplicate Issue or PR that already exists Type · Bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants