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.

Sign up for GitHub

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

Jump to bottom

Implement Collapsible Primary navigation #9890

Open
jardakotesovec opened this issue Apr 16, 2024 · 0 comments
Open

Implement Collapsible Primary navigation #9890

jardakotesovec opened this issue Apr 16, 2024 · 0 comments
Assignees
@blesildaramirez
Labels
Enhancement:1:Minor A new feature or improvement that can be implemented in less than 3 days. UI/UX Issues affecting the user interface/user experience
Milestone
3.5.0 LTS

Comments

@jardakotesovec
Copy link
Contributor

Goal
Introduce new Vue.js component that would handle primary navigation by collapsible navigation and integrate it to ojs&ops&omp.

Latest mockups available: https://www.figma.com/file/Wf7sDlUg2372jaKKTJ0Mgz/OJS-3.4-3.5?type=design&node-id=4369-21479&mode=design&t=R90FLzq8vXy4pSVd-4

Notes

  • Use existing button component - by adding onlyIcon to sizeVariantions
  • Ensure correct accessibility
  • Add new menu to storybook

Following will be handled in separate issue(s)

  • Moving functionality from top navigation to primary navigation (user account, language switching,)
  • Secondary navigation for submission listing (thats already implemented separately)
  • Secondary navigation for other cases, where the navigation is currently handled via tabs is also outside of the scope of this one
@jardakotesovec jardakotesovec added Enhancement:1:Minor A new feature or improvement that can be implemented in less than 3 days. UI/UX Issues affecting the user interface/user experience labels Apr 16, 2024
@jardakotesovec jardakotesovec added this to the 3.5.0 LTS milestone Apr 16, 2024
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Apr 25, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add Tools icon to the Icon Gallery
0b4b57f
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Apr 25, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add new value to the sizeVariant in Button component
070d8ff
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Apr 25, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add Navigation component
d243b58
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Apr 26, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add secondary navigation to the Navigation component
0f11d98
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Apr 30, 2024
@blesildaramirez
pkp/pkp-lib#9890 Update Navigation's story file to correctly map keys…
cd77e95 
… from submenu data
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Apr 30, 2024
@blesildaramirez
pkp/pkp-lib#9890 Revert changes related to outdated files
1a4aed4
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue May 2, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add Administration icon to be used in Navigation
cd21f30
blesildaramirez added a commit to blesildaramirez/pkp-lib that referenced this issue May 3, 2024
@blesildaramirez
pkp#9890 Register new Navigation component from ui-library
4f02dc5
blesildaramirez added a commit to blesildaramirez/pkp-lib that referenced this issue May 3, 2024
@blesildaramirez
pkp#9890 Define icons to be used for each sidebar navigation items
4a83207
blesildaramirez added a commit to blesildaramirez/pkp-lib that referenced this issue May 3, 2024
@blesildaramirez
pkp#9890 Use new navigation component from ui-library
e1126f9
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue May 3, 2024
@blesildaramirez
pkp/pkp-lib#9890 Override Button color style for links on hover, acti…
606a933 
…ve and focus events
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue May 3, 2024
@blesildaramirez
pkp/pkp-lib#9890 Update links prop values to match the data that will…
d11605b 
… come from consuming apps
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue May 3, 2024
@blesildaramirez
pkp/pkp-lib#9890 Change nav classes to support rtl theme and correctl…
1696fa7 
…y set the active submenu link
blesildaramirez added a commit to blesildaramirez/ojs that referenced this issue May 3, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add Issues icon from the primary navigation link
b23a3a1
blesildaramirez added a commit to blesildaramirez/ojs that referenced this issue May 3, 2024
@blesildaramirez
pkp/pkp-lib#9890 Submodule update ##blesildaramirez/i9890##
a53cd61
blesildaramirez added a commit to blesildaramirez/pkp-lib that referenced this issue May 6, 2024
@blesildaramirez
pkp#9890 Register new Navigation component from ui-library
c76000a
blesildaramirez added a commit to blesildaramirez/pkp-lib that referenced this issue May 6, 2024
@blesildaramirez
pkp#9890 Define icons to be used for each sidebar navigation items
aeb54a8
blesildaramirez added a commit to blesildaramirez/pkp-lib that referenced this issue May 6, 2024
@blesildaramirez
pkp#9890 Use new navigation component from ui-library
4e06c6e
blesildaramirez added a commit to blesildaramirez/pkp-lib that referenced this issue May 6, 2024
@blesildaramirez
pkp#9890 Add icons for Announcements and Insitutions links
90afad3
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue May 6, 2024
@blesildaramirez
pkp/pkp-lib#9890 Update svg element for Tools icon
6422de2
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue May 6, 2024
@blesildaramirez
pkp/pkp-lib#9890 Make sizeVariant 'iconOnly' only work when there's a…
970d605 
…n icon supplied in Button component
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue May 6, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add Catalog icon
323adf0
blesildaramirez added a commit to blesildaramirez/omp that referenced this issue May 6, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add icon to be used for Catalog link
39fcc31
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue May 7, 2024
@blesildaramirez
pkp/pkp-lib#9890 Add Payment icon
5e9a931
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@blesildaramirez blesildaramirez

Labels
Enhancement:1:Minor A new feature or improvement that can be implemented in less than 3 days. UI/UX Issues affecting the user interface/user experience
Projects
None yet
Milestone
3.5.0 LTS
Development

No branches or pull requests
2 participants
@jardakotesovec @blesildaramirez