Skip to content

Added Bootstrap and updated CSS for Wilma theme to make it responsive

backups requested to merge github/fork/milospp/feature/wilma-responsive into main

Created by: milospp

GitHub issue 3910 GitHub PR VIVO 3909

What does this pull request do?

Added bootstrap (only grid style) CSS and modified Wilma theme to leverage its responsive design feature and enhance the overall layout.

What's new?

Added bootstrap v5 Refactored nav tabs in Person, Org Unit page to use bootstrap component instead of jQuery Refactored files locations

How should this be tested?

Open every page and test by resizing up to around 400px in width (Mobile device toolbar can be used in google chrome to simulate phone display)

Additional Notes:

Here is the video example

  • The Left window is VIVO with old Wilma theme
  • The middle window is a new, updated Wilma theme
  • The right window is Tenderfoot theme (just for comparison)

Video Example https://youtu.be/9B0_cevrEeE

Merge request reports