GSoC 2014 Project: Navigation Remake and Optimization of two official themes
I. Navigation Remake(Including two GSoC 2014 ideas)
---------------------------------------------------
The Navigation panel of PMA is quite out of date, even it's stable and useful, but also has lots of problems, for instance:
* Outdated tags(<i> and <b>)
* Using <i> and <b> to draw the lines of the tree-like list is usable, but unreasonable
* The icons and links haven't been aligned vertically
* Improper solution on the navigation of icons, like(position: relative;top: -0.6em;)
* etc.
I think the Navigation panel of PMA should be remade, the new Navigation panel would contain:
* Feature #1426[1]: Remember navigation state
* Feature (to replace #1486[2]): Fold/unfold all lists in one click
* Feature: Floating top-aligned effect of the parent nodes, clicking the parent nodes without scrolling up, and folding the child-elements
* Improve: A better shown full name on hover effect
* Improve: A better filter, multiple keywords support(possibly be done:highlighting keywords)
* Improve: A better highlight mechanic
* Improve: Delete the lines of the tree-like lists(Proposed), decrease the indent space of parent/child elements to save space, just like the tree-like lists in windows 7/8 explorer
* Improve: Add some old-browsers-fallbackable animated effect
* More new features will be added during the work
The modification including some php scripts exported as html, navigation related javascript scripts and the navigation part of two official themes , all those modifications above would only affect the appearance in browsers.
II. Optimization of two official themes(including one GSoC 2014 idea)
---------------------------------------------------------------------
Some details in the offical themes is quite unsatisfactory, like:
* Unfit shadow of group h2 (pmahomme);
* Ununified icon style;
* #pma_navigation_collapser using "¡û"
* The bottom border of pmahomme shouldn't be above #topmenucontainer
* etc.
All optimization works including:
* Improve: Improvement on the UI details
* Feature #1490[3]: Dynamic process list
* Improve: Add some CSS3 animations to the pmahomme
[1] http://sourceforge.net/p/phpmyadmin/feature-requests/1426/
[2] http://sourceforge.net/p/phpmyadmin/feature-requests/1486/
[3] http://sourceforge.net/p/phpmyadmin/feature-requests/1490/
--
Edward Cheng