[#1976] Made exception for non-sticky notifications in document-upload

maykinmedia · Jan 9, 2024 · 9303820 · 9303820
1 parent 8290bc3
commit 9303820
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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">