look and feel - make it clearer which tab is currently having focus.
This commit is contained in:
parent
126417c1cc
commit
d2f079985f
|
@ -74,19 +74,19 @@ public class ADButtonTabList extends Panel implements IADTabList, EventListener
|
|||
int s = tabbox.getSelectedIndex();
|
||||
|
||||
if ( s == i) {
|
||||
button.setSclass("adwindow-navbtn-sel");
|
||||
button.setSclass("adwindow-navbtn-sel " + (tabPlacement == IADTab.LEFT ? "adwindow-left-navbtn-sel" : "adwindow-right-navbtn-sel"));
|
||||
button.setDynamicProperty("disabled", null);
|
||||
} else {
|
||||
if (!tabbox.canNavigateTo(s, i)) {
|
||||
button.setDynamicProperty("disabled", "disabled");
|
||||
button.setSclass("adwindow-navbtn-dis");
|
||||
button.setSclass("adwindow-navbtn-dis " + (tabPlacement == IADTab.LEFT ? "adwindow-left-navbtn-dis" : "adwindow-right-navbtn-dis"));
|
||||
if (!tabbox.isDisplay(i))
|
||||
button.setVisible(false);
|
||||
else
|
||||
button.setVisible(true);
|
||||
} else {
|
||||
button.setDynamicProperty("disabled", null);
|
||||
button.setSclass("adwindow-navbtn-uns");
|
||||
button.setSclass("adwindow-navbtn-uns " + (tabPlacement == IADTab.LEFT ? "adwindow-left-navbtn-uns" : "adwindow-right-navbtn-uns"));
|
||||
button.setVisible(true);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -125,7 +125,7 @@ public class ADWindowPanel extends AbstractADWindowPanel
|
|||
layout.appendChild(west);
|
||||
west.setSplittable(false);
|
||||
west.setAutoscroll(true);
|
||||
LayoutUtils.addSclass("adwindow-nav", west);
|
||||
LayoutUtils.addSclass("adwindow-nav adwindow-left-nav", west);
|
||||
adTab.setTabplacement(IADTab.LEFT);
|
||||
adTab.getTabSelectionComponent().setParent(west);
|
||||
}
|
||||
|
@ -135,7 +135,7 @@ public class ADWindowPanel extends AbstractADWindowPanel
|
|||
layout.appendChild(east);
|
||||
east.setSplittable(false);
|
||||
east.setAutoscroll(true);
|
||||
LayoutUtils.addSclass("adwindow-nav", east);
|
||||
LayoutUtils.addSclass("adwindow-nav adwindow-right-nav", east);
|
||||
adTab.setTabplacement(IADTab.RIGHT);
|
||||
adTab.getTabSelectionComponent().setParent(east);
|
||||
}
|
||||
|
|
|
@ -15,19 +15,19 @@ html,body {
|
|||
.header-left {
|
||||
margin: 0;
|
||||
margin-left: 5px;
|
||||
margin-top: 3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.header-right {
|
||||
margin: 0;
|
||||
margin-top: 3px;
|
||||
padding-right: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.disableFilter img {
|
||||
opacity: 0.2;
|
||||
filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 20);
|
||||
-moz-opacity: 0.2;
|
||||
filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 20);
|
||||
-moz-opacity: 0.2;
|
||||
}
|
||||
|
||||
.depressed img {
|
||||
|
@ -101,10 +101,20 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
|
|||
height: 20px;
|
||||
}
|
||||
|
||||
.adwindow-nav {
|
||||
.adwindow-nav {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.adwindow-left-nav {
|
||||
border-right: 1px solid #7EAAC6;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.adwindow-right-nav {
|
||||
border-left: 1px solid #7EAAC6;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.adwindow-nav-content {
|
||||
background-color: #E0EAF7;
|
||||
height: 100%;
|
||||
|
@ -117,26 +127,57 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
|
|||
.adwindow-navbtn-dis, .adwindow-navbtn-sel, .adwindow-navbtn-uns {
|
||||
border: 0px;
|
||||
margin-top: 3px;
|
||||
padding-top: 2px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
|
||||
.adwindow-navbtn-sel {
|
||||
background-color: #9CBDFF;
|
||||
font-weight: bold;
|
||||
color: #274D5F;
|
||||
cursor: pointer;
|
||||
background-color: #9CBDFF;
|
||||
font-weight: bold;
|
||||
color: #274D5F;
|
||||
cursor: pointer;
|
||||
border-top: 1px solid #7EAAC6;
|
||||
border-bottom: 1px solid #7EAAC6;
|
||||
}
|
||||
|
||||
.adwindow-left-navbtn-sel {
|
||||
border-left: 1px solid #7EAAC6;
|
||||
border-right: none;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.adwindow-right-navbtn-sel {
|
||||
border-right: 1px solid #7EAAC6;
|
||||
border-left: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.adwindow-navbtn-uns {
|
||||
background-color: #C4DCFB;
|
||||
font-weight: normal;
|
||||
background-color: #C4DCFB;
|
||||
font-weight: normal;
|
||||
color: #274D5F;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.adwindow-navbtn-dis {
|
||||
background-color: #C4DCFB;
|
||||
background-color: #C4DCFB;
|
||||
}
|
||||
|
||||
.adwindow-navbtn-uns, .adwindow-navbtn-dis {
|
||||
border-top: 1px solid #CCCCCC;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.adwindow-left-navbtn-uns, .adwindow-left-navbtn-dis {
|
||||
border-left: 1px solid #CCCCCC;
|
||||
border-right: none;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.adwindow-right-navbtn-uns, .adwindow-right-navbtn-dis {
|
||||
border-right: 1px solid #CCCCCC;
|
||||
border-left: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
<%-- ad tab --%>
|
||||
|
@ -150,14 +191,14 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
|
|||
border: none;
|
||||
}
|
||||
|
||||
.adtab-content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.adtab-content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.adtab-grid-panel {
|
||||
|
@ -187,14 +228,14 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
|
|||
}
|
||||
|
||||
.status-db {
|
||||
padding-top: 0;
|
||||
pdding-bottom: 0;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding-top: 0;
|
||||
pdding-bottom: 0;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
border-left: solid 1px #9CBDFF;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue