in alignment tracks, place mismatch markers using percentages instead…

… of pixel offsets so that the zoom animations look right
GMOD · Oct 17, 2012 · f03783a · f03783a
1 parent 1a379ad
commit f03783a
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/JBrowse/View/Track/Alignments.js b/src/JBrowse/View/Track/Alignments.js
@@ -25,14 +25,15 @@ return declare( HTMLFeatures,
             var mismatches = this._getMismatches( feature );
             var charSize = this.getCharacterMeasurements();
             var drawChars = scale >= charSize.w;
+            var featureLength = feature.get('end') - feature.get('start');
 
             array.forEach( mismatches, function( mismatch ) {
                 array.forEach( mismatch.bases, function( base, i ) {
                     dojo.create('span', {
                                     className: 'mismatch base base_'+(base == '*' ? 'deletion' : base.toLowerCase()),
                                     style: {
                                         position: 'absolute',
-                                        left: scale * (mismatch.start+i) + 'px',
+                                        left: (mismatch.start+i)/featureLength*100 + '%',
                                         width: scale + 'px'
                                     },
                                     innerHTML: drawChars ? base : ''