From 9303820117a2d57f8176d1d782eae9c8f118befa Mon Sep 17 00:00:00 2001
From: jiroghianni <jiro@maykinmedia.nl>
Date: Tue, 9 Jan 2024 16:40:11 +0100
Subject: [PATCH] [#1976] Made exception for non-sticky notifications in
 document-upload

---
 src/open_inwoner/scss/components/Cases/CaseDetail.scss    | 8 ++++++++
 .../scss/components/Notification/_Notifications.scss      | 1 +
 src/open_inwoner/templates/pages/cases/status_inner.html  | 3 +++
 3 files changed, 12 insertions(+)

diff --git a/src/open_inwoner/scss/components/Cases/CaseDetail.scss b/src/open_inwoner/scss/components/Cases/CaseDetail.scss
index 4f4769d487..0a5eb73cdb 100644
--- a/src/open_inwoner/scss/components/Cases/CaseDetail.scss
+++ b/src/open_inwoner/scss/components/Cases/CaseDetail.scss
@@ -3,6 +3,14 @@
     margin: var(--spacing-extra-large) 0;
   }
 
+  .document-upload {
+    &-notification {
+      .notifications {
+        position: static;
+      }
+    }
+  }
+
   /// cards on case detail
   .card {
     margin-bottom: var(--spacing-extra-large);
diff --git a/src/open_inwoner/scss/components/Notification/_Notifications.scss b/src/open_inwoner/scss/components/Notification/_Notifications.scss
index 144897ac2b..114bc1a600 100644
--- a/src/open_inwoner/scss/components/Notification/_Notifications.scss
+++ b/src/open_inwoner/scss/components/Notification/_Notifications.scss
@@ -1,4 +1,5 @@
 .notifications {
+  position: sticky;
   top: var(--spacing-extra-large);
   display: flex;
   flex-direction: column;
diff --git a/src/open_inwoner/templates/pages/cases/status_inner.html b/src/open_inwoner/templates/pages/cases/status_inner.html
index d3cd324b56..ae6310a0be 100644
--- a/src/open_inwoner/templates/pages/cases/status_inner.html
+++ b/src/open_inwoner/templates/pages/cases/status_inner.html
@@ -26,7 +26,10 @@ <h1 class="h1" id="title">{{ case.description }}</h1>
                 <h2 class="h2" id="documents-upload">{% trans "Documenten" %}</h2>
                 <h3 class="h3 documents-upload__h3">{% trans "Voeg documenten toe" %}</h3>
 
+                <div class="document-upload-notification">
                 {% notifications messages show_local_messages=True closable=False %}
+                </div>
+
 
                 {% if case.case_type_document_upload_description %}
                 <div class="card card--compact card--info">