Skip to content

Dropdown arrows visibility issue resolved #681

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

Open
wants to merge 3 commits into
base: gh-pages
Choose a base branch
from

Conversation

satvikchachra
Copy link

Fixes #672

Copy link

@mohitm15 mohitm15 left a comment

Choose a reason for hiding this comment

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

Share the screen shot after the changes

@satvikchachra
Copy link
Author

Here is the screenshot after the changes.
Screenshot (98)

Copy link
Member

@Chaitanyassr Chaitanyassr left a comment

Choose a reason for hiding this comment

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

Please provide the deployed link.

@satvikchachra
Copy link
Author

Here is the deployed link.
https://satvikchachra.github.io/fossasia.org/

@@ -622,7 +622,6 @@ nav .container {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e688";
color: #fff;
font-size: 24px;
Copy link

Choose a reason for hiding this comment

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

You have just removed the color property but the default color remains the same i.e.white so No change in UI

Copy link
Author

Choose a reason for hiding this comment

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

Thank you @mohitm15 and @Chaitanyassr for reviewing my pull request! :)
According to my understanding, the pull request made resolves the issue raised #672

I have attached screenshots and highlighted with a red rectangle, to show reflected changes.

Before
Screenshot (94)

After
Screenshot (103)

I wanted to ask instead of deleting the color property, should I set it to black and update my pull request?

Copy link
Member

Choose a reason for hiding this comment

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

Change the color accordingly for that particular icon or class instead of deleting it

@satvikchachra
Copy link
Author

Thankyou @abishekvashok for reviewing my pull request.
I have made changes accordingly. Here is the deployed link.
https://satvikchachra.github.io/fossasia.org/

@abishekvashok
Copy link
Member

Now it looks weird on desktop, please use css breakpoints

@@ -622,7 +622,7 @@ nav .container {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e688";
color: #fff;
color: #000000;
Copy link

Choose a reason for hiding this comment

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

Now it looks weird on desktop, please use css breakpoints

@media screen and (min-width: 480px)
{
color : black;
}

@satvikchachra
Copy link
Author

Thankyou @abishekvashok and @mohitm15 for reviewing my pull request.
I have made changes accordingly using CSS breakpoints, keeping the desktop view in mind.
Here is the deployed link.
https://satvikchachra.github.io/fossasia.org/

@satvikchachra
Copy link
Author

@abishekvashok @mohitm15 @Chaitanyassr kindly review my pull request! I have attached the images highlighting the changes made as requested. Here is the deployed link.
https://satvikchachra.github.io/fossasia.org/
Screenshot (134)
Screenshot (133)

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.

Dropdown arrows not visible (before scroll), when hamburger menu is clicked in mobile view
5 participants