fix minimap not drawn when single block error

soedinglab · Jul 31, 2024 · 44c5408 · 44c5408
1 parent fc6fe4b
commit 44c5408
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/frontend/MSA.vue b/frontend/MSA.vue
@@ -110,7 +110,7 @@
                         </div>
                     </div>
                 </v-col>
-                <v-col style="display: flex; flex-direction: row; height: 100%; width: 100%; padding: 0; margin: 0;">
+                <v-col class="minimap-col">
                     <div
                         v-for="(block, i) in cssGradients"
                         :key="'col-' + i"
@@ -448,8 +448,6 @@ export default {
     position: relative;
     display: inline-block;
     border: 1px solid grey; 
-}
-.gradient-block-col:not(:last-child) {
     height: 80px;
 }
 .gradient-block {
@@ -469,6 +467,14 @@ export default {
     height: fit-content;
     z-index: 1;
 }
+.minimap-col {
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+}
 .gradient-block-col::before {
     content: '';
     position: absolute;

diff --git a/frontend/ResultFoldMason.vue b/frontend/ResultFoldMason.vue
@@ -2,7 +2,7 @@
     <v-container grid-list-md fluid pa-2>
         <v-layout wrap>
             <v-flex xs12>
-            <panel>
+            <panel class="msa-panel">
                 <template slot="header">
                     <template v-if="!$LOCAL && !msaData">
                         <span  class="hidden-sm-and-down">Results for job:&nbsp;</span>
@@ -164,4 +164,9 @@ export default {
         },
     }
 };
-</script>
+</script>
+<style scoped>
+.msa-panel {
+    margin-bottom: 600px;
+}
+</style>