feat: fix

thoth-tech · Dec 17, 2024 · 06c34bb · 06c34bb
1 parent 889e767
commit 06c34bb
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 14 deletions.
diff --git a/src/app/units/states/students-list/students-list.component.html b/src/app/units/states/students-list/students-list.component.html
@@ -39,7 +39,7 @@
     <!-- Stats Column -->
     <ng-container matColumnDef="stats" sticky>
       <th mat-header-cell *matHeaderCellDef mat-sort-header>Stats</th>
-      <td mat-cell *matCellDef="let project" (click)="viewStudent(project)" class="pt-4">
+      <td mat-cell *matCellDef="let project" (click)="viewStudent(project)">
         <div class="f-progress">
           <div
             *ngFor="let bar of project.taskStats"
@@ -96,21 +96,11 @@
       </td>
     </ng-container>
 
-    <!-- Goto Column -->
-    <ng-container matColumnDef="goto">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header></th>
-      <td mat-cell *matCellDef="let project">
-        <button mat-button target="_blank" (click)="gotoStudent(project)">
-          <i class="fa fa-share"></i>
-        </button>
-      </td>
-    </ng-container>
-
     <!-- Disclaimer column -->
     <ng-container matColumnDef="actions">
       <td mat-footer-cell *matFooterCellDef [colSpan]="columns.length">
-        <mat-toolbar>
-          <mat-toolbar-row style="justify-content: 'space-between'">
+        <mat-toolbar style="background: none">
+          <mat-toolbar-row style="justify-content: space-between">
             <mat-paginator
               class="mat-elevation-z0"
               [pageSizeOptions]="[5, 10, 25, 100]"
@@ -132,6 +122,6 @@
 
     <tr mat-header-row *matHeaderRowDef="columns"></tr>
     <tr mat-row *matRowDef="let row; columns: columns" class="table-row"></tr>
-    <tr mat-footer-row *matFooterRowDef="['actions']"></tr>
+    <tr mat-footer-row *matFooterRowDef="['actions']" style="border-top: 1px solid #dddddd"></tr>
   </table>
 </div>
diff --git a/src/app/units/states/students-list/students-list.component.scss b/src/app/units/states/students-list/students-list.component.scss
@@ -2,6 +2,7 @@
   // Flag icons
   $flag-icon-width: 35px;
   $number-of-flags: 3;
+  $link-hover-color:#777777;
   table thead th {
     vertical-align: middle;
   }
@@ -78,3 +79,26 @@
     }
   }
 }
+
+
+.f-progress {
+  display: flex;
+  height: 20px;
+  overflow: hidden; // force rounded corners by cropping it
+  // @include box-shadow($progress-box-shadow);
+  font-size: .75rem;
+  background-color: #e9ecef;
+  border-radius: 4px;
+  min-width: 100px;
+}
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #0d6efd;
+  transition: width .6s ease;
+}