From e3ebcb03d9f47eaa534cd19b397fd128399ae852 Mon Sep 17 00:00:00 2001
From: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Date: Wed, 29 May 2024 10:20:45 +0200
Subject: [PATCH] Merge pull request #18533 from overleaf/rd-bs5-shadow

[web] Import styles for the modal animation

GitOrigin-RevId: d67ba98e003b314ccd4893f17c8fa78187134d20
---
 .../bootstrap-5/abstracts/variable-overrides.scss          | 7 ++-----
 .../stylesheets/bootstrap-5/components/footer.scss         | 3 +--
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss b/services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss
index eaddc23b43..f8b2910adf 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss
@@ -180,13 +180,10 @@ $hr-margin-y: $spacing-08;
 $hr-border-color: $border-divider;
 
 // Modals
-$modal-content-color: $content-secondary;
-$modal-content-border-color: $border-divider;
 $modal-backdrop-bg: $bg-dark-primary;
 $modal-backdrop-opacity: 0.72;
-$box-shadow: shadow-lg();
-$box-shadow-sm: shadow-lg();
-$box-shadow-lg: shadow-lg();
+$modal-content-color: $content-secondary;
+$modal-content-border-color: $border-divider;
 $modal-header-padding: $spacing-05 $spacing-06;
 $modal-header-padding-x: $spacing-08;
 $modal-header-padding-y: $spacing-08;
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/footer.scss b/services/web/frontend/stylesheets/bootstrap-5/components/footer.scss
index 8f1e7ed503..a262f18ae4 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/footer.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/footer.scss
@@ -305,8 +305,7 @@ footer.site-footer {
   z-index: 100;
   color: var(--content-secondary);
   background: var(--bg-light-secondary);
-  box-shadow: var(--spacing-00) var(--spacing-02) var(--spacing-04)
-    var(--spacing-00) #0000001a;
+  box-shadow: 0px -5px 8px 0px #0000001a;
 
   .cookie-banner-actions {
     padding-top: var(--spacing-04);