From fc6a4fc1952e48b417f6ea8ac8dcf6b9a92d2662 Mon Sep 17 00:00:00 2001
From: Alexander Brandon Coles <a.coles@openproject.com>
Date: Thu, 26 Mar 2026 19:01:12 +0000
Subject: [PATCH] [#73474] Make Inbox - Sprints divider full height

This also begins the work needed for OP #73475.

https://community.openproject.org/wp/73474
https://community.openproject.org/wp/73475
---
 frontend/src/assets/sass/backlogs/_index.sass |  1 +
 .../assets/sass/backlogs/_master_backlog.sass | 25 ++++++++++++++-----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/frontend/src/assets/sass/backlogs/_index.sass b/frontend/src/assets/sass/backlogs/_index.sass
index 0f2b73435f4..af0bd069623 100644
--- a/frontend/src/assets/sass/backlogs/_index.sass
+++ b/frontend/src/assets/sass/backlogs/_index.sass
@@ -37,6 +37,7 @@
 @import "../../../global_styles/openproject/_variable_defaults.scss"
 
 @import "../../../global_styles/openproject/_variables.sass"
+@import "../../../global_styles/openproject/_mixins.sass"
 
 @import global
 @import global_print
diff --git a/frontend/src/assets/sass/backlogs/_master_backlog.sass b/frontend/src/assets/sass/backlogs/_master_backlog.sass
index 6e1b56b5119..c4143a05c8a 100644
--- a/frontend/src/assets/sass/backlogs/_master_backlog.sass
+++ b/frontend/src/assets/sass/backlogs/_master_backlog.sass
@@ -29,6 +29,9 @@
 $op-backlogs-header--points-min-width: 5rem
 $op-backlogs-header--points-min-width-narrow: 2rem
 
+.action-sprint_planning
+  @include extended-content--bottom
+
 .op-backlogs-header
   display: grid
   grid-template-columns: 1fr minmax($op-backlogs-header--points-min-width, max-content) auto
@@ -71,6 +74,7 @@ $op-backlogs-header--points-min-width-narrow: 2rem
 
 .op-backlogs-page
   display: block
+  height: 100%
   container-name: backlogsListsContainer
   container-type: inline-size
 
@@ -78,21 +82,23 @@ $op-backlogs-header--points-min-width-narrow: 2rem
   display: flex
   flex-direction: row
   gap: var(--stack-gap-normal)
+  height: 100%
+  align-items: stretch
+  overflow: hidden
 
-  // Line that separates left side of sprint planning from right side of sprint planning
-  .op-sprint-planning-lists:first-child
-    border-right: 1px solid var(--borderColor-default)
-    padding-right: var(--stack-gap-normal)
 
 .op-backlogs-lists, .op-sprint-planning-lists
   display: flex
   flex-direction: column
   gap: var(--stack-gap-normal)
   flex: 1 1 100%
-  overflow: hidden
+  min-height: 0
+  overflow-y: auto
+  overflow-x: hidden
 
 .op-sprint-planning-lists
-  padding-top: var(--base-size-16)
+  padding-top: var(--stack-padding-normal)
+  padding-bottom: var(--stack-padding-normal)
 
 //------------------ Header form responsive styling -----------------------
 // Note: Using hardcoded values because Sass doesn't interpolate variables in
@@ -130,6 +136,12 @@ $op-backlogs-header--points-min-width-narrow: 2rem
       margin-top: -6px
 
 
+//------------------ Sprint planning divider (side-by-side only) ----
+@container backlogsListsContainer (min-width: 655px)
+  .op-sprint-planning-lists:not(:last-child)
+    border-right: 1px solid var(--borderColor-default)
+    padding-right: var(--stack-gap-normal)
+
 //------------------ Mobile responsive styling -----------------------
 @container backlogsListsContainer (max-width: 654px)
   .op-backlogs-header
@@ -143,3 +155,4 @@ $op-backlogs-header--points-min-width-narrow: 2rem
 
   .op-backlogs-container, .op-sprint-planning-container
     flex-direction: column
+