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

Cart mobile setup #8481

Merged
merged 9 commits into from
Mar 5, 2021
Merged

Cart mobile setup #8481

merged 9 commits into from
Mar 5, 2021

Conversation

gdixon
Copy link
Contributor

@gdixon gdixon commented Mar 4, 2021

Description
  • This PR completes the work carried out by @mds1 (thank you!! :D)
  • Cherry-picks Matts commits to a new branch on master
  • Builds out the mobile view
  • Fixes alignments, breakpoints and font-weight's
  • Alters the behaviour of the comment open/close (can now be closed, but not if a message is present)
  • Fixes the Grant name to a max of 2 lines (truncating the remaining text with an ellipsis)
Refers/Fixes

Refers: #8445
Refers: #8451

Testing

https://www.loom.com/share/e7474c2baa754388934319062ed100ae

<div class="cursor-pointer px-0 col-auto">
<input v-model="grant.grant_comments_bool" :id="`comment-${grant.grant_id}-blank`" type="checkbox" class="d-none" :name="`comment-${grant.grant_id}`"
:checked="grant.grant_comments_bool || !!grant.grant_comments"
:disabled="grant.grant_comments ? '' : disabled"
Copy link
Contributor

Choose a reason for hiding this comment

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

Mobile view is much improved over my attempt, thanks!

One note is that after adding a few grants to my cart, then viewing the cart page, I get the the below error in the console which I believe stems from this line

Property or method "disabled" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <GrantsCart>
       <Root>

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks Matt!! I've got that fixed 👍

@thelostone-mc thelostone-mc merged commit 6481da4 into master Mar 5, 2021
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.

4 participants