make the overview rubber highlight go over the overview borders

GMOD · Mar 27, 2012 · 3ead850 · 3ead850
1 parent ed5aaf0
commit 3ead850
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/genome.css b/genome.css
@@ -721,6 +721,7 @@ div.generic_parent-hist {
 
 .rubber-highlight {
     border: 1px solid black;
+    height: 100%;
     border-color: rgba( 0, 0, 0, 0.6 );
     background-color: #8087ff;
     background-color: rgba( 128, 136, 255, 0.6 );
@@ -737,6 +738,11 @@ div.generic_parent-hist {
     font-weight: bold;
     text-shadow: #6374AB 1px 1px 0;
 }
+div.overview .rubber-highlight {
+    font-size: 0;
+    top: -5px;
+    height: 20px;
+}
 
 .icon.nav {
     height: 30px !important;

diff --git a/js/GenomeView.js b/js/GenomeView.js
@@ -518,7 +518,6 @@ GenomeView.prototype.setRubberHighlight = function( start, end ) {
         var main = this.rubberHighlight = document.createElement("div");
         main.className = 'rubber-highlight';
         main.style.position = 'absolute';
-        main.style.height = '100%';
         main.style.zIndex = 1000;
         var text = document.createElement('div');
         text.appendChild( document.createTextNode("Zoom to region") );