Merge pull request #594 from SwethaKrish4/mydevelop

MOSIP-30410: Ui issues in android
mosip · Nov 28, 2023 · 006d5e1 · 006d5e1
2 parents 552c704 + dec217f
commit 006d5e1
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 6 deletions.
diff --git a/src/app/features/project/view-project/view-project.component.html b/src/app/features/project/view-project/view-project.component.html
@@ -634,7 +634,7 @@
                 <th mat-header-cell *matHeaderCellDef mat-sort-header class="lastRunHeader"> {{"viewProject.lastRunDate"|translate}} </th>
                 <td mat-cell *matCellDef="let element" class="lastRunCell"> {{element.runDtimes | date: 'short'}} </td>
             </ng-container>
-            <ng-container matColumnDef="actions" stickyEnd>
+            <ng-container matColumnDef="actions">
                 <th mat-header-cell *matHeaderCellDef class="runHeader"> {{"viewProject.run"|translate}} </th>
                 <td mat-cell *matCellDef="let row" class="runCell">
                     <button mat-flat-button color="accent" (click)="runCollection(row)" *ngIf="projectType == 'SBI'"

diff --git a/src/app/features/test-run/test-run/test-run.component.css b/src/app/features/test-run/test-run/test-run.component.css
@@ -105,17 +105,22 @@ mat-panel-title {
   .testcases-table{
     width: 100%;
   }
+  .expanded-details{
+    width: 800px;
+  }
   .testIDHeader{
-    width: 100px;
+    width: 150px;
   }
   .testIDCell{
-    width: 100px;
+    width: 150px;
   }
   .testNameHeader{
     width: 400px;
+    padding-left: 35px;
   }
   .testNameCell{
-    width: 400px
+    width: 400px;
+    padding-left: 10px;
   }
   .resultStatusHeader{
     width: 100px;
@@ -125,10 +130,10 @@ mat-panel-title {
     width: 100px;
   }
   .executionStatusHeader{
-    padding-left: 30px;
+    padding-left: 10px;
   }
   .executionStatusCell{
-    padding-left: 40px;
+    padding-left: 20px;
   }
   .expandHeader{
     width: 50px;
@@ -137,13 +142,32 @@ mat-panel-title {
     width: 50px;
   }
 }
+@media screen and (min-width: 810px) and (max-width: 890px) {
+  .expanded-details{
+    width: 750px;
+  }
+  .executionStatusCell{
+    padding-left: 0px;
+  }
+}
+@media screen and (min-width: 810px) and (max-width: 840px) {
+  .expanded-details{
+    width: 700px;
+  }
+  .executionStatusCell{
+    padding-left: 0px;
+  }
+}
 @media screen and (max-width: 810px) {
   .testcases-table{
     width: 100%;
   }
   .table-container{
     overflow-x: auto;
   }
+  .expanded-details{
+    width: 700px;
+  }
   testIDHeader{
     width: 80px;
   }
@@ -163,13 +187,44 @@ mat-panel-title {
   .resultStatusCell{
     width: 80px;
   }
+  .executionStatusHeader{
+    padding-left: 20px;
+  }
   .expandHeader{
     width: 20px;
   }
   .expandCell{
     width: 20px; 
   }
 }
+@media screen and (min-width: 740px) and (max-width: 785px) {
+  .expanded-details{
+    width: 650px;
+  }
+  .executionStatusCell{
+    padding-left: 0px;
+  }
+  testIDHeader{
+    width: 80px;
+  }
+  .testIDCell{
+    width: 80px;
+  }
+}
+@media screen and (min-width: 700px) and (max-width: 740px) {
+  .expanded-details{
+    width: 600px;
+  }
+  .executionStatusCell{
+    padding-left: 0px;
+  }
+  testIDHeader{
+    width: 80px;
+  }
+  .testIDCell{
+    width: 80px;
+  }
+}
 @media screen and (max-width: 604px) {
   .testcases-table{
     width: 100%;