[Phpmyadmin-devel] GSoC 2014 Project: Navigation Remake and Optimization of two official themes

Edward Cheng c4150221 at gmail.com
Wed Feb 26 01:54:21 CET 2014

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
* 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
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.phpmyadmin.net/pipermail/developers/attachments/20140226/23b33a51/attachment.html>

More information about the Developers mailing list