Added Bootstrap and updated CSS for Wilma theme to make it responsive #3909
Conversation
There was a problem hiding this comment.
@milospp great work, it looks a lot of pages are responsive now in the case of using wilma theme. Can you please also check whether co-author network page (there is a link from a researcher profile page) and temporal graph page (there is a link from an organization profile page) can be also responsive in the case of small devices?
|
Hi, when loading the main page in the Firefox browser, the search button text is not in it's place. I also noticed that the list of tabs is not displayed correctly, like in the Tenderfoot theme. |
I changed the HTML of the search bar on the homepage, can you check again does it works now on Firefox? I wasn't able to reproduce the same bug. |
There was a problem hiding this comment.
@milospp Works well for me (Google Chrome). Let's wait @rasteginas to check how it looks like in Firefox.
|
I tested the template. Looks good. |
|
@milospp bootstrap.min.js should be included in the code, some bootstrap java script functions are used in the extended search. |
milospp
force-pushed
the
feature/wilma-responsive
branch
from
785ca54
to
fc51734
Compare
…sponsive (vivo-project#3909)" This reverts commit f7eb169.
…sponsive (vivo-project#3909)" This reverts commit f7eb169.
Revert "Added Bootstrap and updated CSS for Wilma theme to make it responsive (#3909)"
Added Bootstrap and updated CSS for Wilma theme to make it responsive (vivo-project#3909) * Added bootstrap and updated CSS for Wilma theme to make it responsive * Fixed View All position * Fixed footer * Added responsiveness to Page managment table * Fixed CapabilityMap responsive * modified Photo Cropping page and minor fixes * Removed unused libraries * Fixed horizonal scroll in the site admin pages * Minor fix in Capability map page * fix: Fixed serach bar button moving out of place * fix: Co-author Network graph size on mobile phone * Fixed tenderfoot bootstrap in search page * Updated bootstrap location and refactored propert group tabs * Reimplemented tab state persistence after refresh feature
GitHub issue 3910
GitHub PR Vitro 429
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?
Mobile optimised desing
Avoided horizontal scroll
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
https://youtu.be/9B0_cevrEeE