Another rewrite of tab-menu, multiple lines now supported in separate

menu-version, the normal tab-menu is reverted to previous behavior.

Change-Id: Icdccd17fe4628e1bd183fad8c88575ea73ab5284
This commit is contained in:
mpeters 2011-07-13 18:34:20 +02:00
parent 4e7b428cd4
commit 9bc51b9c2e
4 changed files with 61 additions and 20 deletions
src/main
java/se/su/dsv/scipro
webapp

@ -45,7 +45,7 @@ public class AdminTabMenuPanel extends AbstractMenuPanel {
@Override
protected MenuType getMenuType() {
return MenuType.TAB;
return MenuType.TAB_MULTIPLE_ROWS;
}
}

@ -28,6 +28,7 @@ public abstract class AbstractMenuPanel extends Panel {
{
put(MenuType.NONE, "abstract-menu");
put(MenuType.TAB, "abstract-menu tab-menu");
put(MenuType.TAB_MULTIPLE_ROWS, "abstract-menu multi-tab-menu");
put(MenuType.HORIZONTAL, "abstract-menu horizontal-menu");
put(MenuType.VERTICAL, "abstract-menu vertical-menu");
}
@ -36,6 +37,7 @@ public abstract class AbstractMenuPanel extends Panel {
public enum MenuType {
NONE,
TAB,
TAB_MULTIPLE_ROWS,
HORIZONTAL,
VERTICAL
}

@ -438,28 +438,25 @@ ul.multiobject-selected-list li {
.tab-menu {
float:left;
width:100%;
background: url("../images/tab_bg.png");
font-size: 11px;
background: url("../images/tab_bg.gif") repeat-x bottom;
font-size:93%;
line-height:normal;
}
.ie9 .tab-menu {
background: url("../images/tab_bg_ie9.png") !important;
.tab-menu img {
height: 12px;
vertical-align:middle;
}
.tab-menu ul {
margin:0;
padding: 0 10px 0;
padding: 0px 10px 0;
list-style:none;
}
.tab-menu li {
float:left;
background:url("../images/tab_left.gif") no-repeat left top;
margin:2px 0 0 0;
padding:0px 0 0 9px;
border-bottom: 1px solid #78645A;
margin:0;
padding:0 0 0 9px;
}
.tab-menu a {
float:left;
display:block;
@ -469,12 +466,6 @@ ul.multiobject-selected-list li {
font-weight:bold;
color:#765;
}
.tab-menu img {
height: 12px;
vertical-align:middle;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.tab-menu a {float:none;}
@ -484,14 +475,62 @@ ul.multiobject-selected-list li {
}
.tab-menu .current {
background-image:url("../images/tab_left_on.gif");
border-bottom: 1px solid white !important;
}
.tab-menu .current a {
background-image:url("../images/tab_right_on.gif");
color:#333;
padding-bottom:5px;
}
.multi-tab-menu {
float:left;
width:100%;
/* background: url("../images/tab_bg.gif") repeat-x bottom;*/
font-size:93%;
line-height:normal;
}
.multi-tab-menu img {
height: 12px;
vertical-align:middle;
}
.multi-tab-menu ul {
margin:0;
padding: 0px 10px 0;
list-style:none;
}
.multi-tab-menu li {
float:left;
background:url("../images/tab_left.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom: 1px solid #78645A;
}
.multi-tab-menu a {
float:left;
display:block;
background:url("../images/tab_right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#765;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.multi-tab-menu a {float:none;}
/* End IE5-Mac hack */
.multi-tab-menu a:hover {
color:#333;
}
.multi-tab-menu .current {
background-image:url("../images/tab_left_on.gif");
border-bottom: 1px solid transparent !important;
}
.multi-tab-menu .current a {
background-image:url("../images/tab_right_on.gif");
color:#333;
}
.vertical-menu ul {
list-style: none;
margin: 0px;

Binary file not shown.

Before

(image error) Size: 185 B