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/