[Phpmyadmin-devel] Top menus redesign
Hi, I want to change top menus to hide some rarely used settings [1] and make it fit in one line. Currently I do it by a short JS code which takes a few tabs and places them under the "More" menu, but I'm thinking about outputting final HTML code and making it a pure CSS menu (using a:hover on "More" to show it). Should I go on with it? [1] http://img338.imageshack.us/img338/7941/newtabs.png (still requires some more styling) -- Piotr Przybylski
Piotr Przybylski a écrit :
Hi,
I want to change top menus to hide some rarely used settings [1] and make it fit in one line. Currently I do it by a short JS code which takes a few tabs and places them under the "More" menu, but I'm thinking about outputting final HTML code and making it a pure CSS menu (using a:hover on "More" to show it).
Should I go on with it?
[1] http://img338.imageshack.us/img338/7941/newtabs.png (still requires some more styling)
Is Lori working on menu redesign? -- Marc Delisle http://infomarc.info
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
Hi,
I want to change top menus to hide some rarely used settings [1] and make it fit in one line. Currently I do it by a short JS code which takes a few tabs and places them under the "More" menu, but I'm thinking about outputting final HTML code and making it a pure CSS menu (using a:hover on "More" to show it).
Should I go on with it?
[1] http://img338.imageshack.us/img338/7941/newtabs.png (still requires some more styling)
Is Lori working on menu redesign?
I don't know, it one of the reasons I'm asking. -- Piotr Przybylski
No, I am not. On Thu, Jul 22, 2010 at 8:49 AM, Piotr Przybylski <piotr.prz@gmail.com>wrote:
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
Hi,
I want to change top menus to hide some rarely used settings [1] and make it fit in one line. Currently I do it by a short JS code which takes a few tabs and places them under the "More" menu, but I'm thinking about outputting final HTML code and making it a pure CSS menu (using a:hover on "More" to show it).
Should I go on with it?
[1] http://img338.imageshack.us/img338/7941/newtabs.png (still requires some more styling)
Is Lori working on menu redesign?
I don't know, it one of the reasons I'm asking.
-- Piotr Przybylski
------------------------------------------------------------------------------ This SF.net email is sponsored by Sprint What will you do first with EVO, the first 4G phone? Visit sprint.com/first -- http://p.sf.net/sfu/sprint-com-first _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
-- Thanks, Lori
Piotr Przybylski a écrit :
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
Hi,
I want to change top menus to hide some rarely used settings [1] and make it fit in one line. Currently I do it by a short JS code which takes a few tabs and places them under the "More" menu, but I'm thinking about outputting final HTML code and making it a pure CSS menu (using a:hover on "More" to show it).
Should I go on with it?
[1] http://img338.imageshack.us/img338/7941/newtabs.png (still requires some more styling)
As Lori is not working on this, please go on. But I'm curious: do you intend to make the list of rarely used menus configurable? Is this only for the server menus? -- Marc Delisle http://infomarc.info
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
Hi,
I want to change top menus to hide some rarely used settings [1] and make it fit in one line. Currently I do it by a short JS code which takes a few tabs and places them under the "More" menu, but I'm thinking about outputting final HTML code and making it a pure CSS menu (using a:hover on "More" to show it).
Should I go on with it?
[1] http://img338.imageshack.us/img338/7941/newtabs.png (still requires some more styling)
As Lori is not working on this, please go on. But I'm curious: do you intend to make the list of rarely used menus configurable? Is this only for the server menus?
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense -- Piotr Przybylski
Piotr Przybylski a écrit :
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
Hi,
I want to change top menus to hide some rarely used settings [1] and make it fit in one line. Currently I do it by a short JS code which takes a few tabs and places them under the "More" menu, but I'm thinking about outputting final HTML code and making it a pure CSS menu (using a:hover on "More" to show it).
Should I go on with it?
[1] http://img338.imageshack.us/img338/7941/newtabs.png (still requires some more styling) As Lori is not working on this, please go on. But I'm curious: do you intend to make the list of rarely used menus configurable? Is this only for the server menus?
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense
Please test your implementation with a custom theme from http://www.phpmyadmin.net/home_page/themes.php#pma_3_3 (assuming these work for 3.4). -- Marc Delisle http://infomarc.info
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
2010/7/22 Marc Delisle <marc@infomarc.info>:
Piotr Przybylski a écrit :
Hi,
I want to change top menus to hide some rarely used settings [1] and make it fit in one line. Currently I do it by a short JS code which takes a few tabs and places them under the "More" menu, but I'm thinking about outputting final HTML code and making it a pure CSS menu (using a:hover on "More" to show it).
Should I go on with it?
[1] http://img338.imageshack.us/img338/7941/newtabs.png (still requires some more styling) As Lori is not working on this, please go on. But I'm curious: do you intend to make the list of rarely used menus configurable? Is this only for the server menus?
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense
Please test your implementation with a custom theme from http://www.phpmyadmin.net/home_page/themes.php#pma_3_3 (assuming these work for 3.4).
Themes will require an update anyway, I am using custom css to style menus and forms in user preferences. In this case a comparison between 3.3 and my changed code should suffice - I added a few classes and modified selectors, but it shows nicely in a diff. Is it acceptable for the menu to require JavaScript in IE6 and IE7? -- Piotr Przybylski
Hi Dne Thu, 22 Jul 2010 14:27:17 -0400 Marc Delisle <marc@infomarc.info> napsal(a):
Please test your implementation with a custom theme from http://www.phpmyadmin.net/home_page/themes.php#pma_3_3 (assuming these work for 3.4).
Looking at other changes (eg. design things from Lori), I don't think we will be able to keep compatibility with old themes in this release. -- Michal Čihař | http://cihar.com | http://blog.cihar.com
Hi Dne Thu, 22 Jul 2010 20:23:30 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense
You can hide drop/empty ... in fact I don't even think these need to be tabs, these could be just actions on operations tab. -- Michal Čihař | http://cihar.com | http://blog.cihar.com
2010/7/23 Michal Čihař <michal@cihar.com>:
Hi
Dne Thu, 22 Jul 2010 20:23:30 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense
You can hide drop/empty ... in fact I don't even think these need to be tabs, these could be just actions on operations tab.
What about JavaScript requirement for IE6/IE7? -- Piotr Przybylski
Dne Fri, 23 Jul 2010 11:41:39 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
2010/7/23 Michal Čihař <michal@cihar.com>:
Hi
Dne Thu, 22 Jul 2010 20:23:30 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense
You can hide drop/empty ... in fact I don't even think these need to be tabs, these could be just actions on operations tab.
What about JavaScript requirement for IE6/IE7?
How is JavaScript related to removing tabs and making them regullar actions on operations tab? -- Michal Čihař | http://cihar.com | http://blog.cihar.com
2010/7/23 Michal Čihař <michal@cihar.com>:
Dne Fri, 23 Jul 2010 11:41:39 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
2010/7/23 Michal Čihař <michal@cihar.com>:
Hi
Dne Thu, 22 Jul 2010 20:23:30 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense
You can hide drop/empty ... in fact I don't even think these need to be tabs, these could be just actions on operations tab.
What about JavaScript requirement for IE6/IE7?
How is JavaScript related to removing tabs and making them regullar actions on operations tab?
IE6 understands :hover only for a tags, and IE7 works like IE6 there unless you use Strict doctype. Putting a menu in a tag would result in incorrect XHTML. -- Piotr Przybylski
W dniu 23 lipca 2010 22:35 użytkownik Piotr Przybylski <piotr.prz@gmail.com> napisał:
2010/7/23 Michal Čihař <michal@cihar.com>:
Dne Fri, 23 Jul 2010 11:41:39 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
2010/7/23 Michal Čihař <michal@cihar.com>:
Hi
Dne Thu, 22 Jul 2010 20:23:30 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense
You can hide drop/empty ... in fact I don't even think these need to be tabs, these could be just actions on operations tab.
What about JavaScript requirement for IE6/IE7?
How is JavaScript related to removing tabs and making them regullar actions on operations tab?
IE6 understands :hover only for a tags, and IE7 works like IE6 there unless you use Strict doctype. Putting a menu in a tag would result in incorrect XHTML.
One more thing - can we include functions.js on every page? It's already on most of them. -- Piotr Przybylski
Piotr Przybylski a écrit :
One more thing - can we include functions.js on every page? It's already on most of them.
Done in master, commit 084c0dbcf, via libraries/header_scripts.inc.php. -- Marc Delisle http://infomarc.info
I pushed menu changes to my fork [1]. My previous approach had some issues: - couldn't made o sensible list of options to move in db and table menus - it would look good in lower resolutions (read - netbooks and laptops, plus older displays), but higher ones could use more space for tabs After giving it some more thought I wrote JavaScript code which collapses tabs that don't fit into the first line of menu into a submenu. When window size changes, items are added to it or removed, depending on current window size. [1] http://demo.phpmyadmin.net/gsoc-crack/ -- Piotr Przybylski
Hi Dne Sun, 25 Jul 2010 23:31:12 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I pushed menu changes to my fork [1]. My previous approach had some issues: - couldn't made o sensible list of options to move in db and table menus - it would look good in lower resolutions (read - netbooks and laptops, plus older displays), but higher ones could use more space for tabs
After giving it some more thought I wrote JavaScript code which collapses tabs that don't fit into the first line of menu into a submenu. When window size changes, items are added to it or removed, depending on current window size.
I like this approach, thanks! -- Michal Čihař | http://cihar.com | http://blog.cihar.com
Michal Čihař a écrit :
Hi
Dne Sun, 25 Jul 2010 23:31:12 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I pushed menu changes to my fork [1]. My previous approach had some issues: - couldn't made o sensible list of options to move in db and table menus - it would look good in lower resolutions (read - netbooks and laptops, plus older displays), but higher ones could use more space for tabs
After giving it some more thought I wrote JavaScript code which collapses tabs that don't fit into the first line of menu into a submenu. When window size changes, items are added to it or removed, depending on current window size.
I like this approach, thanks!
I like it too but we have to take care that that the most popular menus are on the left side. It even works for RTL languages! -- Marc Delisle http://infomarc.info
2010/7/26 Marc Delisle <marc@infomarc.info>:
Michal Čihař a écrit :
Hi
Dne Sun, 25 Jul 2010 23:31:12 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I pushed menu changes to my fork [1]. My previous approach had some issues: - couldn't made o sensible list of options to move in db and table menus - it would look good in lower resolutions (read - netbooks and laptops, plus older displays), but higher ones could use more space for tabs
After giving it some more thought I wrote JavaScript code which collapses tabs that don't fit into the first line of menu into a submenu. When window size changes, items are added to it or removed, depending on current window size.
I like this approach, thanks!
I like it too but we have to take care that that the most popular menus are on the left side.
Then it should be ok if I move tracking and designer to the right, and rearrange servers tabs a bit. It also takes care of Drop/Truncate which, being on the right, are the first tabs to go into submenu (unless Michal wants them gone to Operations for good, but then the change should be done in master, not in my fork).
It even works for RTL languages!
I haven't tested yet for RTL, good to hear it works :) -- Piotr Przybylski
Piotr Przybylski a écrit :
2010/7/26 Marc Delisle <marc@infomarc.info>:
Michal Čihař a écrit :
Hi
Dne Sun, 25 Jul 2010 23:31:12 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I pushed menu changes to my fork [1]. My previous approach had some issues: - couldn't made o sensible list of options to move in db and table menus - it would look good in lower resolutions (read - netbooks and laptops, plus older displays), but higher ones could use more space for tabs
After giving it some more thought I wrote JavaScript code which collapses tabs that don't fit into the first line of menu into a submenu. When window size changes, items are added to it or removed, depending on current window size. I like this approach, thanks! I like it too but we have to take care that that the most popular menus are on the left side.
Then it should be ok if I move tracking and designer to the right,
yes.
and rearrange servers tabs a bit. It also takes care of Drop/Truncate which, being on the right, are the first tabs to go into submenu (unless Michal wants them gone to Operations for good, but then the change should be done in master, not in my fork).
It even works for RTL languages!
I haven't tested yet for RTL, good to hear it works :)
-- Marc Delisle http://infomarc.info
Hi Dne Fri, 23 Jul 2010 22:35:37 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
2010/7/23 Michal Čihař <michal@cihar.com>:
Dne Fri, 23 Jul 2010 11:41:39 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
2010/7/23 Michal Čihař <michal@cihar.com>:
Hi
Dne Thu, 22 Jul 2010 20:23:30 +0200 Piotr Przybylski <piotr.prz@gmail.com> napsal(a):
I am not sure about making it configurable, for now I want to make it shorter by using some sane defaults: - server: hide Charsets, Engines, Replication, Synchronize - database: hide Designer and Tracking - table: I don't see anything that could be safely hidden in a submenu, and making a list with only Tracking makes no sense
You can hide drop/empty ... in fact I don't even think these need to be tabs, these could be just actions on operations tab.
What about JavaScript requirement for IE6/IE7?
How is JavaScript related to removing tabs and making them regullar actions on operations tab?
IE6 understands :hover only for a tags, and IE7 works like IE6 there unless you use Strict doctype. Putting a menu in a tag would result in incorrect XHTML.
Okay, I probably did not express myself clearly: I don't think we need Drop/Truncate so quickly accessible to be in the menu, they can simply be hidden somewhere in Operations tab just like table checking, optimizing and other rarely used actions are. -- Michal Čihař | http://cihar.com | http://blog.cihar.com
Hi Dne Thu, 22 Jul 2010 14:06:13 -0400 Marc Delisle <marc@infomarc.info> napsal(a):
As Lori is not working on this, please go on. But I'm curious: do you intend to make the list of rarely used menus configurable?
I don't think we need configuration option for this, we have already too much of configurable things. -- Michal Čihař | http://cihar.com | http://blog.cihar.com
participants (4)
-
Lori Lee -
Marc Delisle -
Michal Čihař -
Piotr Przybylski