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

my testing of fixes to fix the mobile issue #68

Conversation

bbland1
Copy link
Collaborator

@bbland1 bbland1 commented Oct 18, 2024

I branched off of @eternalmaha list page view and did some adjustments to see if I could help find a fix. This is what I came up with. Wanted to make the branch, and push a PR to go to her branch for easier checking and reviewing.

…dit buttons for styling, list item classes for responsiveness
Copy link

Visit the preview URL for this PR (updated for commit 7bd9fea):

https://tcl-77-smart-shopping-list--pr68-bb-fix-responsive-fr-diwtnt5f.web.app

(expires Fri, 25 Oct 2024 22:06:08 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: b77df24030dca7d8b6561cb24957d2273c5e9d72

@bbland1
Copy link
Collaborator Author

bbland1 commented Oct 18, 2024

Quick screen recording of the preview link with the changes. We could probably remove the the Manage List from the navbar now with the form on the link page! @eternalmaha
https://github.com/user-attachments/assets/fbaac67d-903c-4c19-8b91-307b77008114

@bbland1 bbland1 marked this pull request as ready for review October 18, 2024 22:09
@@ -142,14 +141,14 @@ export function ListItemCheckBox({ item, listPath }: Props) {
aria-checked={isChecked}
disabled={isChecked}
/>
<h4 className="text-nowrap me-1 mb-0"> {item.name} </h4>
<Form.Label className="">{item.name}</Form.Label>
Copy link
Collaborator

Choose a reason for hiding this comment

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

When I tested it, the larger text size pushes some content out. I'll use a responsive font size when I do merge!

item-text.mov

.item-text {
font-size: 0.75em;
}
}

@bbland1 bbland1 merged commit f89fc80 into ma/designing-responsive-listview Oct 18, 2024
3 checks passed
@bbland1 bbland1 deleted the bb/fix-responsive-from-merge-conflicts branch October 18, 2024 23:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants