From 37742556a0c9fe940344bea0bf470f5c2516ca10 Mon Sep 17 00:00:00 2001
From: Henriette Darge <h.darge@openproject.com>
Date: Wed, 18 Aug 2021 15:01:15 +0200
Subject: [PATCH] Make subject row in split screen sticky

---
 .../routing/wp-split-view/wp-split-view.html  |  5 +++-
 .../layout/work_packages/_details_view.sass   | 27 ++++++++++++-------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/features/work-packages/routing/wp-split-view/wp-split-view.html b/frontend/src/app/features/work-packages/routing/wp-split-view/wp-split-view.html
index 610a72f625..d809a96feb 100644
--- a/frontend/src/app/features/work-packages/routing/wp-split-view/wp-split-view.html
+++ b/frontend/src/app/features/work-packages/routing/wp-split-view/wp-split-view.html
@@ -8,7 +8,10 @@
 
       <wp-breadcrumb [workPackage]="workPackage"></wp-breadcrumb>
 
-      <edit-form [resource]="workPackage">
+      <edit-form
+        [resource]="workPackage"
+        class="work-packages--details-form"
+      >
         <div class="wp-show--header-container">
           <op-back-button *ngIf="showBackButton()"
                        linkClass="work-packages-back-button"
diff --git a/frontend/src/global_styles/layout/work_packages/_details_view.sass b/frontend/src/global_styles/layout/work_packages/_details_view.sass
index be043007f4..76ffe7809d 100644
--- a/frontend/src/global_styles/layout/work_packages/_details_view.sass
+++ b/frontend/src/global_styles/layout/work_packages/_details_view.sass
@@ -76,15 +76,14 @@ body.router--work-packages-partitioned-split-view-new
     margin: .5rem .5rem 0 0
 
 .work-packages--details-content
-  position:   absolute
-  top:        50px
-  bottom:     55px
-  width:      100%
-  overflow-x: hidden
-  overflow-y: scroll
-  padding:    0 5px 0 20px
-
-  @include styled-scroll-bar
+  display:         flex
+  flex-direction:  column
+  position:        absolute
+  top:             50px
+  bottom:          55px
+  width:           100%
+  overflow:        hidden
+  padding:         0 5px 10px 20px
 
 .work-packages--details
 
@@ -110,6 +109,16 @@ body.router--work-packages-partitioned-split-view-new
       padding: 5px 0 5px 5px
       font-size: 18px
 
+  .work-packages--details-form
+    display: flex
+    flex-direction: column
+    overflow: hidden
+
+  .work-package-details-tab
+    overflow-y: auto
+    overflow-x: hidden
+    @include styled-scroll-bar
+
 .work-packages--type-selector
   flex-shrink: 0