Wilma Responsive redesign #3972
Open
+1,037
−332
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
…roperty control panel buttons (vivo-project#3932)
|
@milospp took this for a test spin and works great overall. Note for future reviewers, it is necessary to do a hard refresh to clear your cache of the old wilma.css! I was fooled for a few minutes. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
GitHub issue 3910
GitHub PR Vitro 460
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 optimized design
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