[Checkins] SVN: zam.skin/trunk/src/zam/skin/ cleanup AddMenu
implementation, needs another cleanup round,
but it's working not bad right now
Roger Ineichen
roger at projekt01.ch
Mon Feb 18 11:14:02 EST 2008
Log message for revision 84027:
cleanup AddMenu implementation, needs another cleanup round, but it's working not bad right now
Changed:
U zam.skin/trunk/src/zam/skin/browser/js/divmenu-0.5.0.js
U zam.skin/trunk/src/zam/skin/browser/js/zam-0.0.1.js
U zam.skin/trunk/src/zam/skin/browser/template.pt
U zam.skin/trunk/src/zam/skin/browser/zam.css
U zam.skin/trunk/src/zam/skin/menu.zcml
-=-
Modified: zam.skin/trunk/src/zam/skin/browser/js/divmenu-0.5.0.js
===================================================================
--- zam.skin/trunk/src/zam/skin/browser/js/divmenu-0.5.0.js 2008-02-18 15:58:03 UTC (rev 84026)
+++ zam.skin/trunk/src/zam/skin/browser/js/divmenu-0.5.0.js 2008-02-18 16:14:00 UTC (rev 84027)
@@ -112,7 +112,7 @@
if (divMenuArrowOver) {
$('menuArrow').src = divMenuArrow;
}
- } else {
+ } else if (ele.className == 'subMenuActive') {
$(ele).removeClass('subMenuActive');
$(ele).addClass('subMenu');
}
@@ -162,7 +162,6 @@
}
function subMenuClick(ele) {
- this.blur();
hideHigherOrEqualLevels(ele);
if (!hasChilds(ele)) {
hideHigherOrEqualLevels(ele);
Modified: zam.skin/trunk/src/zam/skin/browser/js/zam-0.0.1.js
===================================================================
--- zam.skin/trunk/src/zam/skin/browser/js/zam-0.0.1.js 2008-02-18 15:58:03 UTC (rev 84026)
+++ zam.skin/trunk/src/zam/skin/browser/js/zam-0.0.1.js 2008-02-18 16:14:00 UTC (rev 84027)
@@ -21,4 +21,5 @@
$(document).ready(function(){
$('#appMenuContainer').jqDdivMenu()
+ $('#addMenu').jqDdivMenu()
});
Modified: zam.skin/trunk/src/zam/skin/browser/template.pt
===================================================================
--- zam.skin/trunk/src/zam/skin/browser/template.pt 2008-02-18 15:58:03 UTC (rev 84026)
+++ zam.skin/trunk/src/zam/skin/browser/template.pt 2008-02-18 16:14:00 UTC (rev 84027)
@@ -68,21 +68,11 @@
<a href="#" class="selected">Menu item</a>
</li>
</ul>
- <ul class="addingMenu">
- <li>
- <a href="#" i18n:translate="">Adding</a>
- <tal:block replace="structure provider:IAddMenu">
- <ul>
- <li>
- <a href="#">Menu item</a>
- </li>
- <li>
- <a href="#">Menu item</a>
- </li>
- </ul>
- </tal:block>
- </li>
- </ul>
+ <div id="addMenu" class="addMenu">
+ <a href="#" class="topMenu" i18n:translate="">Adding</a>
+ <tal:block replace="structure provider:IAddMenu">
+ </tal:block>
+ </div>
</div>
<div id="content">
<tal:block replace="structure provider:pagelet">pagelet provider</tal:block>
Modified: zam.skin/trunk/src/zam/skin/browser/zam.css
===================================================================
--- zam.skin/trunk/src/zam/skin/browser/zam.css 2008-02-18 15:58:03 UTC (rev 84026)
+++ zam.skin/trunk/src/zam/skin/browser/zam.css 2008-02-18 16:14:00 UTC (rev 84027)
@@ -237,59 +237,96 @@
} /* ie 5.0 fix */
-/*
-#siteMenuContainer {
- height: 23px;
- color: white;
+/*---[ app menu ]---------------------------------------------------------*/
+
+#addMenu {
+ width: 100px;
+ height: 22px;
+ color: red;
background: #3F69C3 url(./img/menuBlueBG.gif) repeat-x top left;
- border-right: 1px solid white;
- border-left: 1px solid white;
- padding: 1px 0px 0px 0px;
- margin: 0;
+ border-right: 8px solid white;
}
-#siteMenuContainer ul {
- margin: 0;
- padding: 0;
+.addMenu .topMenu,
+.addMenu .topMenu:hover,
+.addMenu .topMenuActive,
+.addMenu .topMenuActive:hover {
+ height: 18px;
+ padding: 3px 6px 0px 6px;
+ color: black;
+ text-decoration: none;
+ cursor: default;
+ white-space: nowrap;
+ display: block;
+ position: relative;
+ border: 0;
}
-#siteMenuContainer a {
- color: white;
- text-decoration: none;
+.addMenu .topMenu:hover {
+ color: black;
+ border: 0;
+ background: #4E4E4F url(./img/menuBlackBG.gif) repeat-x top left;
}
-#siteMenuContainer li.selected a {
+.addMenu .topMenuActive,
+.addMenu .topMenuActive:hover {
+ color: black;
+ border: 0;
+ background: #4E4E4F url(./img/menuBlackBG.gif) repeat-x top left;
+}
+
+div#addMenu a.subMenu {
color: black;
}
-#siteMenuContainer li:hover a {
+div#addMenu a.subMenuActive {
color: black;
}
-#siteMenuContainer li {
- float: left;
- height: 16px;
- list-style: none;
- padding: 2px 6px 1px 6px;
- margin: 1px;
+.addMenu .subMenu,
+.addMenu .subMenu:hover,
+.addMenu .subMenuActive,
+.addMenu .subMenuActive:hover {
+ line-height: normal;
+ border: 1px solid #F5F5F5;
+ color: red;
+ text-decoration: none;
+ cursor: default;
+ white-space: nowrap;
+ display: block;
+ position: relative;
+ padding: 3px 25px 3px 5px;
}
-#siteMenuContainer li.selected {
+.addMenu .subMenu:hover,
+.addMenu .subMenuActive,
+.addMenu .subMenuActive:hover {
+ border: 1px solid #666666;
+ background: #D2D2D2;
color: black;
- background-color: #D2D2D2;
- border: 1px solid white;
- padding: 2px 5px 0px 5px;
- margin: 1px;
}
-#siteMenuContainer li:hover {
- color: black;
- background-color: #D2D2D2;
- border: 1px solid white;
- padding: 2px 5px 0px 5px;
- margin: 1px;
+.addMenu .menuGroup {
+ background: #F5F5F5;
+ border: 1px solid #666666;
+ padding: 1px 3px 1px 1px;
+ position: absolute;
+ visibility: hidden;
+ z-index: -1;
}
-*/
+
+.addMenu .menuArrow {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ border: 0;
+}
+
+* html .addMenu td {
+ position: relative;
+} /* ie 5.0 fix */
+
+
/*---[ menu tabs ]-----------------------------------------------------------*/
div#contextMenuContainer {
@@ -328,46 +365,7 @@
background: #4E4E4F url(./img/menuBlackBG.gif) repeat-x top left;
}
-/*---[ adding menu ]---------------------------------------------------------*/
-.addingMenu {
- font-family: Arial, Helvetica, sans-serif;
- z-index: 100;
- position: relative;
- margin: 0;
- padding: 0;
-}
-
-.addingMenu a {
- white-space: nowrap;
- width: 85px;
-}
-
-.addingMenu ul {
- list-style: none;
- position: absolute;
- top: -999em;
- left: -1px;
- margin: 0;
- padding: 0;
-}
-
-.addingMenu li {
- float: left;
- margin: 0;
- padding: 0;
- position: relative;
- display: block;
-}
-
-.addingMenu li:hover ul,
-.addingMenu li.addingMenuHover ul {
- top: 18px;
- background: #DDDCD0;
- border: 0;
-}
-
-
/*---[ sideBar ]-------------------------------------------------------------*/
#sideBarContainer {
Modified: zam.skin/trunk/src/zam/skin/menu.zcml
===================================================================
--- zam.skin/trunk/src/zam/skin/menu.zcml 2008-02-18 15:58:03 UTC (rev 84026)
+++ zam.skin/trunk/src/zam/skin/menu.zcml 2008-02-18 16:14:00 UTC (rev 84027)
@@ -26,6 +26,15 @@
permission="zope.Public"
/>
+ <viewletManager
+ name="IAddMenu"
+ class="z3c.menu.ready2go.manager.MenuManager"
+ provides="zam.api.menu.IAddMenu"
+ template="menu_global.pt"
+ layer="zam.skin.IZAMBrowserSkin"
+ permission="zope.Public"
+ />
+
<z3c:template
for="z3c.menu.ready2go.interfaces.IGlobalMenuItem"
layer="zam.skin.IZAMBrowserSkin"
@@ -38,4 +47,10 @@
template="menu_item_site.pt"
/>
+ <z3c:template
+ for="z3c.menu.ready2go.interfaces.IAddMenuItem"
+ layer="zam.skin.IZAMBrowserSkin"
+ template="menu_item_global.pt"
+ />
+
</configure>
More information about the Checkins
mailing list