issue AITGmbH#15 tentative solution

6Alex6ander6 · Nov 18, 2021 · bb9054f · bb9054f
1 parent eedaa91
commit bb9054f
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 14 deletions.
diff --git a/Web/src/app/session-topic-box/session-topic-box.component.css b/Web/src/app/session-topic-box/session-topic-box.component.css
@@ -184,4 +184,4 @@ a {
 
 .topic-ratings-value {
     margin-left: 5px;
-}
+}
diff --git a/Web/src/app/session/session.component.css b/Web/src/app/session/session.component.css
@@ -1,29 +1,41 @@
-.table-cell:first-child {
-    width: 180px;
+.table-cell:first-child {   
+    width: 180px;    
 }
 
-.table-row {
+.table-row-sticky {
+    top: 0;
+    position: sticky;
+    z-index:1;
+    background-color:white;
     width: 100%;
 }
 
+.table-row {
+    width: 100%;
+  }
+
 tbody .table-row {
-    height: 150px;
+    height: 150px;   
 }
 
-.session-table {
+.session-table {    
     margin-top: 20px;
-    table-layout: fixed;
+    table-layout: fixed;  
+}
+.session-table td {    
+    border-width: 0 1px 1px 0;
 }
 
-.session-table td, .session-table th {
+.session-table th {    
     border-width: 0 1px 1px 0;
 }
 
-.topics-unassigned {
+
+.topics-unassigned {    
     height: 150px;
 }
 
-.is-floating-action {
+.is-floating-action {    
     border-radius: 50%;
     width: 52px;
     height: 52px;
@@ -48,7 +60,7 @@ tbody .table-row {
     margin-bottom: 20px;
 }
 
-.is-floating-action,.is-floating-button-submenu > .fa {
+.is-floating-action, .is-floating-button-submenu > .fa {
     font-size: 16px;
 }
 
@@ -87,4 +99,4 @@ h1 .edit-button {
 
 .calendar-button {
     float: right;
-}
+}
diff --git a/Web/src/app/session/session.component.html b/Web/src/app/session/session.component.html
@@ -15,7 +15,8 @@ <h1 class="title" (dblclick)="showModal($event, 'session', session)" appEditButt
 
     <table class="table session-table is-striped is-fullwidth is-hoverable">
         <thead>
-            <tr class="table-row">
+            <tr class="table-row-sticky">
+
                 <td class="table-cell"></td>
 
                 <td *ngFor="let room of rooms" class="table-cell" id="{{ room.id }}" (dblclick)="showModal($event, 'room', room)" appEditButton>
@@ -84,4 +85,4 @@ <h1 class="title" (dblclick)="showModal($event, 'session', session)" appEditButt
 
 <app-slot-modal [isShown]="modalShown['slot']" (close)="hideModal('slot')" [item]="modalShown['slot']"></app-slot-modal>
 
-<app-session-modal [isShown]="modalShown['session']" (close)="hideModal('session')" [item]="modalShown['session']"></app-session-modal>
+<app-session-modal [isShown]="modalShown['session']" (close)="hideModal('session')" [item]="modalShown['session']"></app-session-modal>
-Original file line number
+Diff line change
@@ Expand Up / @@ -184,4 +184,4 @@ a { @@
     .topic-ratings-value {
         margin-left: 5px;
-    }
+    }