You are viewing the PKP Support Forum | PKP Home Wiki

[HOWTO] CSS snippet: Highlight menu state

OJS development discussion, enhancement requests, third-party patches and plug-ins.

Moderators: jmacgreg, btbell, michael, bdgregg, barbarah, asmecher

Forum rules
The Public Knowledge Project Support Forum is moving to http://forum.pkp.sfu.ca

This forum will be maintained permanently as an archived historical resource, but all new questions should be added to the new forum. Questions will no longer be monitored on this old forum after March 30, 2015.

[HOWTO] CSS snippet: Highlight menu state

Postby mbria » Fri Mar 13, 2009 5:43 am

This is a very simple CSS snippet our Editors found specially useful and improves OJS' usability.

The snippet highlights the current state in edition menus, for instance at:
http://yourmagazine.../editor/submissio ... Unassigned

example.png (18.38 KiB) Viewed 953 times

Code: Select all
/* Highlighting edition's state */
div#main div#content ul.menu {
  border-bottom: 2px solid #AAA;
  font-size: 1.2em;

div#main div#content ul.menu li {
  border: 1px solid #AAA;
  padding: 2px 10px;

div#main div#content ul.menu li.current {
  background-color: red;

div#main div#content ul.menu li.current a {
  color: white;

div#main div#content ul.menu li.current a:hover {
  background-color: red;
  color: black;

It's not what I suggested at viewtopic.php?f=2&t=1543&p=4713&hilit=+usability#p4713
but does the job.

Alec... what about including a similar solution in further releases? :-)


Posts: 352
Joined: Wed Dec 14, 2005 4:15 am

Re: [HOWTO] CSS snippet: Highlight menu state

Postby jmacgreg » Fri Mar 13, 2009 2:00 pm

Hi Marc,

I think that's a great css addition. I'm happy to let you know that some small UI-related changes will be released with OJS 2.3, while we're now actively working towards an extensively refactored UI for both OCS and OJS (spurred in part by your previous thread you link to), and this is just the kind of small, and yet visually very useful, type of change we've been talking about. As one of our more enthusiastic contributors to the UI discussion, you may get a private message when we have testing-quality UI revisions in place :-).

Posts: 4191
Joined: Tue Feb 14, 2006 10:50 am

Return to OJS Development

Who is online

Users browsing this forum: No registered users and 2 guests