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