From 478b463e5f7459463ed6b691dc15fbf5b5c54faa Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Tue, 9 May 2023 09:53:26 +0100
Subject: [PATCH] Merge pull request #12871 from
 overleaf/td-history-update-button-shadow

History migration: add shadow to "more updates" buttons

GitOrigin-RevId: e74cd8f8b7cf27393483b7c675f3ed607a5d6b06
---
 .../web/frontend/stylesheets/app/editor/history-react.less | 1 +
 services/web/frontend/stylesheets/core/variables.less      | 7 +++++--
 services/web/frontend/stylesheets/variables/all.less       | 7 +++++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/editor/history-react.less b/services/web/frontend/stylesheets/app/editor/history-react.less
index 2d089969bd..3a33b4bffe 100644
--- a/services/web/frontend/stylesheets/app/editor/history-react.less
+++ b/services/web/frontend/stylesheets/app/editor/history-react.less
@@ -345,6 +345,7 @@ history-root {
   .next-highlight-button {
     position: absolute;
     right: 16px;
+    box-shadow: @box-shadow;
   }
 
   .previous-highlight-button {
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index ef5edf68df..c7da7073be 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -922,11 +922,14 @@
 @btn-border-width: 0;
 @btn-border-bottom-width: 0;
 
+// Shadows
+@box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
+  0px 2px 4px rgba(30, 37, 48, 0.08);
+
 // Cards
 @card-border-radius: @border-radius-base-new;
 @card-gray-bg-color: @neutral-10; // only some variations of cards
-@card-box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
-  0px 2px 4px rgba(30, 37, 48, 0.08); // only some variations of cards
+@card-box-shadow: @box-shadow; // only some variations of cards
 
 // Project table
 @structured-list-link-color: @ol-blue;
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
index a90fd03559..6b3ca2045a 100644
--- a/services/web/frontend/stylesheets/variables/all.less
+++ b/services/web/frontend/stylesheets/variables/all.less
@@ -723,11 +723,14 @@
 @btn-primary-hover-bg-color: @green-dark;
 @btn-secondary-hover-bg-color: @neutral-20;
 
+// Shadows
+@box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
+  0px 2px 4px rgba(30, 37, 48, 0.08);
+
 // Cards
 @card-border-radius: @border-radius-base-new;
 @card-gray-bg-color: @neutral-10; // only some variations of cards
-@card-box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
-  0px 2px 4px rgba(30, 37, 48, 0.08); // only some variations of cards
+@card-box-shadow: @box-shadow; // only some variations of cards
 
 // Project table
 @structured-list-link-color: @blue;