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;