opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

trackster: Move "Add Tracks" button to main pane, UI tweaks for overview

Browse Source
This commit is contained in:
Kanwei Li
2010-09-29 13:56:09 -04:00
parent f9719a7540
commit 65a474b9a0
5 changed files with 12 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/june_2007_style/blue/trackster.css
+3 -3
View File
@@ -6,12 +6,12 @@
.nav-controls a{padding:0 0.4em;}
.nav-input{font-size:12px;width:30em;z-index:1000;}
.location{display:inline-block;width:15em;margin:0px 10px;}
.intro{position:absolute;top:50%;left:30%;color:#555;font-size:16px;}
.intro{margin-top:200px;margin-left:auto;margin-right:auto;color:#555;text-align:center;font-size:16px;}
.overview{width:100%;margin:0px;color:white;}
.overview-viewport{position:relative;height:14px;background:white;border-bottom:solid gray 1px;margin:0;}
.overview-highlight{opacity:0.5;top:0px;position:absolute;z-index:100;border-style:solid;border-color:#6a6;border-width:0px 1px;}
.overview-boxback{width:100%;bottom:0px;z-index:50;position:absolute;height:14px;background:#F8F8F8;}
.overview-box{opacity:0.5;bottom:0px;z-index:100;position:absolute;margin-top:0px;height:14px;background:#cfc url(../images/visualization/draggable_horizontal.png) center center no-repeat;border-style:solid;border-color:#6a6;border-width:0px 2px;}
.overview-boxback{width:100%;bottom:0px;z-index:50;position:absolute;height:14px;background:#eee;}
.overview-box{opacity:0.5;bottom:0px;z-index:100;position:absolute;margin-top:0px;height:14px;background:#cfc url(../images/visualization/draggable_horizontal.png) center center no-repeat;border-style:solid;border-color:#6a6;border-width:0px 1px;}
.viewport-canvas{width:100%;height:100px;}
.yaxislabel{color:#777;}
.line-track .track-content{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
static/june_2007_style/trackster.css.tmpl
+6 -5
View File
@@ -35,10 +35,11 @@
margin: 0px 10px;
}
.intro {
position: absolute;
top: 50%;
left: 30%;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
color: #555;
text-align: center;
font-size: 16px;
}
.overview {
@@ -70,7 +71,7 @@
z-index: 50;
position: absolute;
height: 14px;
background: #F8F8F8;
background: #eee;
}
.overview-box {
opacity: 0.5;
@@ -82,7 +83,7 @@
background: #cfc url(../images/visualization/draggable_horizontal.png) center center no-repeat;
border-style: solid;
border-color: #6a6;
border-width: 0px 2px;
border-width: 0px 1px;
}
.viewport-canvas {
width: 100%;
static/scripts/packed/trackster.js
+1 -1
View File
File diff suppressed because one or more lines are too long
static/scripts/trackster.js
+1 -1
View File
@@ -383,7 +383,7 @@ $.extend( View.prototype, {
var left_px = ( this.low / (this.max_high - this.max_low) ) * this.overview_viewport.width();
var width_px = (this.high - this.low)/(this.max_high - this.max_low) * this.overview_viewport.width();
this.overview_box.css({ left: left_px, width: Math.max(12, width_px) - 2 }).show();
this.overview_box.css({ left: left_px, width: Math.max(12, width_px) }).show();
if (this.overview_highlight) {
this.overview_highlight.css({ left: left_px, width: width_px });
}
templates/tracks/browser.mako
+1 -19
View File
@@ -43,30 +43,12 @@ ${h.css( "history", "autocomplete_tagging", "trackster" )}
<div style="float:left;" id="title"></div>
<a class="panel-header-button right-float" href="${h.url_for( controller='visualization', action='list' )}">Close</a>
<a id="save-button" class="panel-header-button right-float" href="javascript:void(0);">Save</a>
<a id="refresh-button" class="panel-header-button right-float" href="javascript:void(0);" onclick="view.update_options();return false;">Refresh</a>
<a id="add-track" class="panel-header-button right-float" href="javascript:void(0);">Add Tracks</a>
</div>
</div>
</%def>
<%def name="right_panel()">
<div class="unified-panel-header" unselectable="on">
<div class="unified-panel-header-inner">Configuration
<a id="add-track" class="panel-header-button right-float" href="javascript:void(0);">Add Tracks</a>
</div>
</div>
<form action="#" onsubmit="view.update_options();return false;">
<div id="show-hide-move">
<div id="no-tracks" class="warningmessage" style="margin: 5px; display:none;">
There are currently no tracks in this browser. Add tracks via the button above.
</div>
<ul id="sortable-ul"></ul>
</div>
<input type="submit" id="refresh-button" value="Refresh" style="display:none" />
</form>
</%def>
<%def name="javascripts()">
${parent.javascripts()}
${h.js( "galaxy.base", "galaxy.panels", "json2", "jquery", "jquery.event.drag", "jquery.autocomplete", "jquery.mousewheel", "trackster", "ui.core", "ui.sortable" )}