-
-
Notifications
You must be signed in to change notification settings - Fork 277
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
User Dropdown for Logged out Library #2000
User Dropdown for Logged out Library #2000
Conversation
…e flexibility upon implementation
padding: 10px 2px; | ||
} | ||
|
||
.englishLanguageButton::after { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think you can actually make this a bit more general, not needing to create a special class for the enlish link
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good thinking!
I did this because of annoying spacing issues with r/l padding on English vs Hebrew buttons. Is that OK in this case? Happy to show you if it's clearer that way :)
Description
Dropdown menu for modularized library, specifically for logged out users.
Code Changes
The following changes were made to the files below:
static/css/s2.css
- Some minor padding shifts, adding styling for the language toggle with a pseudo-class for the dot separator.static/icons/logged_out.svg
- The new logged out iconstatic/js/common/DropdownMenu.jsx
- Improving the generic<DropdownMenu />
component to enhance reusability (i.e. making the icon for the dropdown customizable, and control over whether or not to open links in new tabs).static/js/Header.jsx
- Adding the new logged out component (<LoggedOutMenu />
), implementing the shifts to the generic component mentioned above in the module switcher.