Merge pull request #12871 from overleaf/td-history-update-button-shadow

History migration: add shadow to "more updates" buttons

GitOrigin-RevId: e74cd8f8b7cf27393483b7c675f3ed607a5d6b06

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 {

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;

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;