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

UI/task details page #726

Closed

Conversation

ankitbajpai65
Copy link
Contributor

@ankitbajpai65 ankitbajpai65 commented Jul 17, 2023

Description
Fixed CSS of the task details page and made it responsive for mobile.

Issue
#685 (comment)

Images/video of the change:

image
image

website-status.mp4

@vercel
Copy link

vercel bot commented Jul 17, 2023

@ankitbajpai65 is attempting to deploy a commit to the RDS-Team Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Member

@vinit717 vinit717 left a comment

Choose a reason for hiding this comment

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

Please run lint-fix and prettier

@ankitbajpai65
Copy link
Contributor Author

Hey @vinit717, I made the above mentioned changes. You can now check the changes

package.json Outdated
"build": "next build",
"start": "next start -p $PORT",
"test": "jest --coverage",
"test-watch": "jest --watch ",
"lint": "next lint",
"lint-fix": "eslint . --fix --ext js,jsx,ts,tsx",
Copy link
Member

Choose a reason for hiding this comment

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

Why you remove this ?

Comment on lines +13 to +18
@media (max-width: 450px) {
.wrapper {
margin: 0 10px;
}
}

Copy link
Member

Choose a reason for hiding this comment

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

Put media query always at the bottom of the file

@@ -58,7 +58,7 @@ const TaskDetails: FC<Props> = ({ taskID }) => {

const { data: userData, isUserAuthorized } = useUserData();

const [isEditing, setIsEditing] = useState<boolean>(false);
const [isEditing, setIsEditing] = useState<boolean>(true);
Copy link
Member

Choose a reason for hiding this comment

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

Why you changed this

@ankitbajpai65
Copy link
Contributor Author

Hey @vinit717, can you check again. Thanks

Copy link
Member

Choose a reason for hiding this comment

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

Why there is a need to change package json it is just a simple CSS change

Comment on lines 106 to 111
@media (max-width: 970px) {
.navBar {
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
Copy link
Member

Choose a reason for hiding this comment

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

Please place this media query at the bottom of the file

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It is at the bottom, please check

@ankitbajpai65
Copy link
Contributor Author

@vinit717, Please check again. Thanks.

Copy link
Member

@vinit717 vinit717 left a comment

Choose a reason for hiding this comment

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

You have to add only CSS file changes until there is no Class name is added

@ankitbajpai65
Copy link
Contributor Author

This pull request work is done in this #779.
Please have a look into this. Thanks.

@vinit717 vinit717 closed this Aug 1, 2023
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.

2 participants