Highlight relation in interaction phenotype ext.

pombase · Sep 18, 2023 · 8aa48ac · 8aa48ac
1 parent 90002ae
commit 8aa48ac
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/...p/genetic-interaction-annotation-table/genetic-interaction-annotation-table.component.css b/...p/genetic-interaction-annotation-table/genetic-interaction-annotation-table.component.css
@@ -147,3 +147,7 @@ table.main-interaction-table tbody {
   -webkit-user-select: none;
   user-select: none;
 }
+
+.phenotype-extension {
+  font-size: 90%;
+}
diff --git a/.../genetic-interaction-annotation-table/genetic-interaction-annotation-table.component.html b/.../genetic-interaction-annotation-table/genetic-interaction-annotation-table.component.html
@@ -134,8 +134,8 @@
                     <app-term-link [term]="detail.double_mutant_phenotype">
                       {{detail.double_mutant_phenotype.name}}
                    </app-term-link>
-                   <div *ngIf="detail.double_mutant_extension">
-                     <app-extension-display [extension]="detail.double_mutant_extension" [highlightRelations]="false"></app-extension-display>
+                   <div *ngIf="detail.double_mutant_extension" class="phenotype-extension">
+                     <app-extension-display [extension]="detail.double_mutant_extension" [highlightRelations]="true"></app-extension-display>
                    </div>
                  </span>
                 </td>
@@ -144,8 +144,8 @@
                     <app-term-link [term]="detail.rescued_phenotype">
                       {{detail.rescued_phenotype.name}}
                     </app-term-link>
-                    <div *ngIf="detail.rescued_phenotype_extension">
-                      <app-extension-display [extension]="detail.rescued_phenotype_extension" [highlightRelations]="false"></app-extension-display>
+                    <div *ngIf="detail.rescued_phenotype_extension" class="phenotype-extension">
+                      <app-extension-display [extension]="detail.rescued_phenotype_extension" [highlightRelations]="true"></app-extension-display>
                     </div>
                   </span>
                 </td>