-
Notifications
You must be signed in to change notification settings - Fork 8
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
feat: Space out components on detour list page #2763
Conversation
Coverage of commit
|
0fb472a
to
e26321e
Compare
assets/css/_detour_list_page.scss
Outdated
.c-detour-list-page { | ||
background-color: white; | ||
} | ||
|
||
.c-detour-list-page__button { | ||
padding: 0.5rem 1rem 0.5rem 1rem; | ||
margin: 24px 24px 36px 24px; | ||
} |
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.
I love css, but is there a reason to do this and add to the bundle size vs using bootstrap utilities?
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.
Couple thoughts:
- I forgot to push a fix I had where I swapped all of these
px
's forrem
's, so this should actually bemargin-bottom: 2.25rem
. - I can replace almost all of these with bootstrap utilities, except for
margin-bottom: 2.25rem
. There's no bootstrap utility for2.25 * $spacer
. - BUT... I think it still looks pretty good with
mb-4
, which is1.5 * $spacer
, so maybe we can ditch the CSS entirely for now.
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.
I changed my mind and added back in a teeny bit of CSS that enables the bigger margin. I replaced everything else with utilities though.
Coverage of commit
|
Coverage of commit
|
d99b04e
to
c60cf3a
Compare
Coverage of commit
|
c60cf3a
to
c2318e2
Compare
Coverage of commit
|
Before
After
Asana Ticket: https://app.asana.com/0/1205385723132845/1208155044119311/f
Depends on: