From b576d23d7d3b36e2fef33b064b8b66129e0c8cbe Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Wed, 27 Nov 2019 15:40:13 +0100
Subject: [PATCH] FEAT #11691 TIME 0:40 fix header tab in attachments page

---
 .../attachments-page/attachment-page.component.scss  | 12 +++++++++++-
 .../attachments-page/attachment-page.component.ts    |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/frontend/app/attachments/attachments-page/attachment-page.component.scss b/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
index 2a28d081ecb..53e9e93d5b5 100644
--- a/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
+++ b/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
@@ -45,7 +45,7 @@
     ::ng-deep.mat-expansion-panel-body {
         padding: 0px;
     }
-    
+
     &-item {
         display: flex;
         align-items: center;
@@ -57,6 +57,7 @@
             ::ng-deep.mat-form-field-label-wrapper {
                 margin-top: -5px;
             }
+
             ::ng-deep.mat-form-field-label {
                 background: white;
                 width: auto !important;
@@ -70,8 +71,17 @@
 .pjList {
     flex: 1;
 
+    ::ng-deep.mat-tab-header {
+        position: fixed;
+        z-index: 2;
+        height: 50px;
+        background: white;
+        width: 63.7vw;
+    }
+
     ::ng-deep.mat-tab-body-wrapper {
         flex: 1;
+        padding-top: 55px;
     }
 
     ::ng-deep.mat-tab-body-content {
diff --git a/src/frontend/app/attachments/attachments-page/attachment-page.component.ts b/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
index afb4b0f58b1..d131efc724d 100644
--- a/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
+++ b/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, Input, EventEmitter, Output, Inject, ViewChild } from '@angular/core';
+import { Component, OnInit, Inject, ViewChild, Renderer2 } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { LANG } from '../../translate.component';
 import { catchError, tap, finalize, exhaustMap, filter } from 'rxjs/operators';
-- 
GitLab