record view: sticky header

Author: lyubov-voloshko

frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css

@@ -12,6 +12,7 @@
 }
 
 .row-preview-sidebar_open {
+	position: relative;
 	background-color: var(--mat-sidenav-content-background-color);
 	border-left: solid 1px rgba(0, 0, 0, 0.12);
 	opacity: 1;
@@ -40,12 +41,17 @@
 }
 
 .row-preview-sidebar__header {
+	position: sticky;
+	top: 0;
+	background-color: inherit;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	padding-top: 20px;
+	padding-bottom: 20px;
 	padding-left: 16px;
 	padding-right: 16px;
+	z-index: 1;
 }
 
 .row-preview-sidebar__title {

frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html

@@ -23,8 +23,6 @@ <h2 class="mat-heading-2 row-preview-sidebar__title">Preview</h2>
         </button>
     </div>
 
-    <br />
-
     <mat-expansion-panel *ngIf="selectedRow?.relatedRecords?.referenced_by?.length" class="related-records-panel">
         <mat-expansion-panel-header class="related-records-panel__header">
             Related records