Title: [opsview] [5313] Set Actions toolbar button to be same colour as menus
- Revision
- 5313
- Author
- tvoon
- Date
- 2010-11-04 23:28:55 +0000 (Thu, 04 Nov 2010)
Log Message
Set Actions toolbar button to be same colour as menus
Modified Paths
Modified: trunk/opsview-core/share/_javascript_/forms.js
===================================================================
--- trunk/opsview-core/share/_javascript_/forms.js 2010-11-04 23:02:00 UTC (rev 5312)
+++ trunk/opsview-core/share/_javascript_/forms.js 2010-11-04 23:28:55 UTC (rev 5313)
@@ -539,14 +539,14 @@
// only perform effect if there is no other running
function doEffect(f) {
- return function (e) {
+ return function (e,options) {
e = $(e);
// if already running an effect
if (typeof states[e.id] != "undefined" && states[e.id].state == "running") {
return; // cancel new effect
}
// if not start
- states[e.id] = f(e);
+ states[e.id] = f(e,options);
return states[e.id];
};
};
Modified: trunk/opsview-core/share/stylesheets/opsview2.css
===================================================================
--- trunk/opsview-core/share/stylesheets/opsview2.css 2010-11-04 23:02:00 UTC (rev 5312)
+++ trunk/opsview-core/share/stylesheets/opsview2.css 2010-11-04 23:28:55 UTC (rev 5313)
@@ -1259,7 +1259,10 @@
position: fixed;
left: 0;
top: 0;
+ width: 150px;
display: none;
+}
+.anylinkcss, #action_menu {
border: 1px solid #c2c2c2;
border-bottom-width: 0;
-moz-box-shadow: 0px 5px 15px #aaa;
@@ -1268,7 +1271,6 @@
font: normal 11px Verdana;
line-height: 18px;
z-index: 100;
- width: 150px;
}
.anylinkcss ul {
@@ -1277,7 +1279,7 @@
list-style-type: none;
}
-.anylinkcss ul li a {
+.anylinkcss ul li a, #action_menu a {
/* Width is menu width (150px) subtract padding (5+5px) */
width: 140px;
display: block;
@@ -1288,7 +1290,7 @@
text-decoration: none;
}
-.anylinkcss a:hover {
+.anylinkcss a:hover, #action_menu a:hover {
background: url(../images/bg_nav_drop2.gif);
color: white;
}
@@ -1306,23 +1308,6 @@
min-width: 80px;
}
-a.voption {
- display: block;
- font-size: 11px;
- font-family: Verdana, Arial, Helvetica;
- padding: 3px 5px 3px 5px;
- text-decoration: none;
- text-align: left;
-}
-a.voption:link, a.voption:visited {
- color: #490a73;
- background: url("../images/bg_viewop_drop.gif");
-}
-a.voption:hover {
- color: #ffffff;
- background: url("../images/bg_viewop_drop2.gif");
-}
-
table.popupmenu_outer {
width: 250px;
background: url(../images/menubox_bg.png);
Modified: trunk/opsview-web/root/toolbar_items/actions
===================================================================
--- trunk/opsview-web/root/toolbar_items/actions 2010-11-04 23:02:00 UTC (rev 5312)
+++ trunk/opsview-web/root/toolbar_items/actions 2010-11-04 23:28:55 UTC (rev 5313)
@@ -6,7 +6,7 @@
END;
%]
<div>
-<span id='view_options_button' class="buttonwrapper"><span class="button_scale" $('view_options').visible() ) { new Effect2.BlindUp('view_options'); } else { new Effect2.BlindDown('view_options') }; return false;"><span>
+<span id='view_options_button' class="buttonwrapper"><span class="button_scale" $('view_options').visible() ) { new Effect2.BlindUp('view_options', { duration: 0.3 }); } else { new Effect2.BlindDown('view_options', { duration:0.3 } ) }; return false;"><span>
[%- button_name | upper | html -%]
</span></span></span>
<div id="view_options" style="display:none">
@@ -30,7 +30,7 @@
var w = btn.offsetWidth ? btn.offsetWidth : 100;
el.style.right = (document.viewport.getWidth() - pos[0] - w + 2) + "px";
var h = btn.offsetHeight ? btn.offsetHeight : 25;
- el.style.top = (pos[1] + h - 4) + "px";
+ el.style.top = (pos[1] + h ) + "px";
}
}
}
Modified: trunk/opsview-web/root/view_options_links
===================================================================
--- trunk/opsview-web/root/view_options_links 2010-11-04 23:02:00 UTC (rev 5312)
+++ trunk/opsview-web/root/view_options_links 2010-11-04 23:28:55 UTC (rev 5313)
@@ -1,3 +1,5 @@
+<div id="action_menu">
[% FOREACH option IN page_view_options_links %]
-<a href="" option.link | html %]" class="voption">[% option.name | html %]</a>
+<a href="" option.link | html %]">[% option.name | html %]</a>
[% END %]
+</div>
_______________________________________________
Opsview-checkins mailing list
[email protected]
http://lists.opsview.org/lists/listinfo/opsview-checkins
