diff --git a/static/june_2007_style/blue/panel_layout.css b/static/june_2007_style/blue/panel_layout.css index 77b4fa60a14..aaa5001ad08 100644 --- a/static/june_2007_style/blue/panel_layout.css +++ b/static/june_2007_style/blue/panel_layout.css @@ -36,7 +36,6 @@ body font-size: 90%; } - #left, #left-border, #center, #right-border, #right { position: absolute; @@ -272,16 +271,22 @@ div.unified-panel-body { text-decoration: underline; } -div.tab-group + +.tab-group { margin: 0; padding: 0 10px; height: 100%; white-space: nowrap; + -moz-user-select: none; + -khtml-user-select: none; + user-select: none; + cursor: default; } -div.tab-group span.tab +.tab-group .tab { + background: #2C3143; position: relative; display: block; float: left; @@ -292,17 +297,17 @@ div.tab-group span.tab text-align: left; } -div.tab-group > span.tab:hover > a +.tab-group .tab:hover > a { color: gold !important; } -div.tab-group > span.active +.tab-group .active { background: rgb(1,1,1); } -div.tab-group span.tab div.submenu { +.tab-group .tab .submenu { display: none; position: absolute; z-index: 16000; @@ -318,7 +323,8 @@ div.tab-group span.tab div.submenu { -webkit-border-bottom-left-radius: 1em; } -div.tab-group span.tab div.submenu ul { +.tab-group .tab .submenu ul +{ display: block; margin: 0; padding: 0; @@ -326,7 +332,8 @@ div.tab-group span.tab div.submenu ul { background: #2C3143; } -div.tab-group span.tab div.submenu ul li { +.tab-group .tab .submenu ul li +{ display: block; padding: 0 1em; white-space: nowrap; diff --git a/static/june_2007_style/panel_layout.css.tmpl b/static/june_2007_style/panel_layout.css.tmpl index 81da6eff586..60ec45825db 100644 --- a/static/june_2007_style/panel_layout.css.tmpl +++ b/static/june_2007_style/panel_layout.css.tmpl @@ -36,7 +36,6 @@ body font-size: 90%; } - #left, #left-border, #center, #right-border, #right { position: absolute; @@ -274,16 +273,23 @@ div.unified-panel-body { text-decoration: underline; } -div.tab-group +## Tabs + +.tab-group { margin: 0; padding: 0 10px; height: 100%; white-space: nowrap; + -moz-user-select: none; + -khtml-user-select: none; + user-select: none; + cursor: default; } -div.tab-group span.tab +.tab-group .tab { + background: ${masthead_bg}; position: relative; display: block; float: left; @@ -294,17 +300,17 @@ div.tab-group span.tab text-align: left; } -div.tab-group > span.tab:hover > a +.tab-group .tab:hover > a { color: gold !important; } -div.tab-group > span.active +.tab-group .active { background: rgb(1,1,1); } -div.tab-group span.tab div.submenu { +.tab-group .tab .submenu { display: none; position: absolute; z-index: 16000; @@ -320,7 +326,8 @@ div.tab-group span.tab div.submenu { -webkit-border-bottom-left-radius: 1em; } -div.tab-group span.tab div.submenu ul { +.tab-group .tab .submenu ul +{ display: block; margin: 0; padding: 0; @@ -328,7 +335,8 @@ div.tab-group span.tab div.submenu ul { background: ${masthead_bg}; } -div.tab-group span.tab div.submenu ul li { +.tab-group .tab .submenu ul li +{ display: block; padding: 0 1em; white-space: nowrap; diff --git a/static/scripts/galaxy.panels.js b/static/scripts/galaxy.panels.js index d8629fb654f..7621c6c205c 100644 --- a/static/scripts/galaxy.panels.js +++ b/static/scripts/galaxy.panels.js @@ -216,8 +216,8 @@ function show_in_overlay( options ) { // Tab management $(function() { - $("span.tab").each( function() { - var submenu = $(this).children( "div.submenu" ); + $(".tab").each( function() { + var submenu = $(this).children( ".submenu" ); if ( submenu.length > 0 ) { if ( $.browser.msie ) { // Vile IE iframe hack -- even IE7 needs this diff --git a/static/scripts/packed/galaxy.panels.js b/static/scripts/packed/galaxy.panels.js index 7cf750060c4..92130937ef2 100644 --- a/static/scripts/packed/galaxy.panels.js +++ b/static/scripts/packed/galaxy.panels.js @@ -1 +1 @@ -function ensure_dd_helper(){if($("#DD-helper").length==0){$("
").css({background:"white",opacity:0,zIndex:9000,position:"absolute",top:0,left:0,width:"100%",height:"100%"}).appendTo("body").hide()}}function make_left_panel(h,c,e){var g=false;var f=null;var d=function(i){var j=i;if(i<0){i=0}$(h).css("width",i);$(e).css("left",j);$(c).css("left",i+7);if(document.recalc){document.recalc()}};var a=function(){if(g){$(e).removeClass("hover");$(e).animate({left:f},"fast");$(h).css("left",-f).show().animate({left:0},"fast",function(){d(f);$(e).removeClass("hidden")});g=false}else{f=$(e).position().left;$(c).css("left",$(e).innerWidth());if(document.recalc){document.recalc()}$(e).removeClass("hover");$(h).animate({left:-f},"fast");$(e).animate({left:-1},"fast",function(){$(this).addClass("hidden")});g=true}};$(e).hover(function(){$(this).addClass("hover")},function(){$(this).removeClass("hover")}).bind("dragstart",function(i){$("#DD-helper").show()}).bind("dragend",function(i){$("#DD-helper").hide()}).bind("drag",function(i){x=i.offsetX;x=Math.min(400,Math.max(100,x));if(g){$(h).css("left",0);$(e).removeClass("hidden");g=false}d(x)}).bind("dragclickonly",function(i){a()}).find("div").show();var b=function(i){if((g&&i=="show")||(!g&&i=="hide")){a()}};return{force_panel:b}}function make_right_panel(a,e,h){var j=false;var g=false;var c=null;var d=function(k){$(a).css("width",k);$(e).css("right",k+9);$(h).css("right",k).css("left","");if(document.recalc){document.recalc()}};var i=function(){if(j){$(h).removeClass("hover");$(h).animate({right:c},"fast");$(a).css("right",-c).show().animate({right:0},"fast",function(){d(c);$(h).removeClass("hidden")});j=false}else{c=$(document).width()-$(h).position().left-$(h).outerWidth();$(e).css("right",$(h).innerWidth()+1);if(document.recalc){document.recalc()}$(h).removeClass("hover");$(a).animate({right:-c},"fast");$(h).animate({right:-1},"fast",function(){$(this).addClass("hidden")});j=true}g=false};var b=function(k){var l=$(e).width()-(j?c:0);if(l").text(b).click(g));a.append(" ")});a.show()}else{a.hide()}var a=$(".dialog-box").find(".extra_buttons").html("");if(d){$.each(d,function(b,g){a.append($("
-
-
+
+ + + <%def name="tab( id, display, href, target='_parent', visible=True, extra_class='' )"> <% @@ -145,31 +147,31 @@ if not visible: style = "display: none;" %> - ${display} + ${tab( "analysis", "Analyze Data", h.url_for( controller='root', action='index' ))} - + ${tab( "workflow", "Workflow", h.url_for( controller='workflow', action='index' ))} - + ${tab( "libraries", "Libraries", h.url_for( controller='library', action='index' ))} ${tab( "requests", "Requests", h.url_for( controller='requests', action='index' ), visible = (trans.user and trans.request_types)) } %if app.config.get_bool( 'enable_tracks', False ): - + %endif ${tab( "admin", "Admin", h.url_for( controller='admin', action='index' ), extra_class="admin-only", visible=( trans.user and app.config.is_admin_user( trans.user ) ) )} - + - + + + +
${display} Visualization - + Help - + User <% if trans.user: @@ -219,9 +221,11 @@ %endif - +
-