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

[Edward Cheng]

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