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

Fixed issue #221 Buttons in Project Page on mobile need realignment #374

Closed
wants to merge 4 commits into from

Conversation

alicendeh
Copy link
Contributor

@alicendeh alicendeh commented Apr 3, 2022

Summary

Closes #211

Changes

-Made the Edit button to be right-aligned and placed along with the Delete button

-Spaced Clap, bookmark, and views button equally

  • Reduced the vertical spacing between clab,bookmark,view button row and photos div

Screenshots

Screenshot from 2022-04-03 13-55-04

@alicendeh alicendeh changed the title Solve issue Fixed issue #221 Apr 3, 2022
@alicendeh alicendeh changed the title Fixed issue #221 Fixed issue #221 Buttons in Project Page on mobile need realignment Apr 3, 2022
boxShadow:
'0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12)',
[theme.breakpoints.down('1080')]: {
position: 'static',
height: '3.5em',
width: '100%',
flexDirection: 'row',
justifyContent: 'flex-start',
justifyContent: 'space-around',
Copy link
Collaborator

Choose a reason for hiding this comment

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

Looking at the visual effect, this doesn't look so great. I think you should leave it at flex-start. you only need to remove the padding in the clap button because it is the reason the spacing between the clap button and the other icons are not the same.

@NdibeRaymond
Copy link
Collaborator

@alicendeh thanks for working on this issue. few comments:

  • always remove the dirty diffs in your package-lock.json before committing and merging. Unless you added a new package, your package-lock.json should be the same with that of the master branch.

  • also, you have four commits for this single PR. Maybe consider squashing the commits into one commit before creating a PR?

@alicendeh
Copy link
Contributor Author

Alright, thanks @NdibeRaymond ill fix that and push.

fixed failed to load api specification error (unstructuredstudio#363)

fixed failed to load api specification error

added style to fix text wrap (unstructuredstudio#373)

Add hot reloading to media container (unstructuredstudio#382)

Add new search features (unstructuredstudio#362)

* Finish creators and projects search migration

* Finish creators and projects search migration

* Add tag search

* Add search for projects with tags

* Fix search bar on mobile

* use 0 rather than 0 with units in css

* Remove print

* Default search type to projects

* Disable scroll lock

Revert package-lock (unstructuredstudio#383)

improveConsistency: fixed title text small, extra vertical space ... (unstructuredstudio#369)

* improveConsistency: fixed title text small, extra vertical space and inconsitent padding of buttons

fix text overflow issue in signup page phone number field  (unstructuredstudio#378)

removed spacing between icons
@alicendeh
Copy link
Contributor Author

Hey @NdibeRaymond can you take a look now?

@NdibeRaymond
Copy link
Collaborator

NdibeRaymond commented Apr 7, 2022

@alicendeh you now have 19 files changed. It seems like while trying to squash you rebased the commits of others as well? squashing should only be for your own commits. If this takes too much time to fix, just move over your OWN changes into a new branch, close this PR and reopen a new PR with the new branch.

@alicendeh
Copy link
Contributor Author

@alicendeh you now have 19 files changed. It seems like while trying to squash you rebased the commits of others as well? squashing should only be for your own commits. If this takes too much time to fix, just move over your OWN changes into a new branch, close this PR and reopen a new PR with the new branch.

Let me do that

@alicendeh alicendeh closed this Apr 8, 2022
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.

Buttons in Project Page on mobile need realignment
2 participants