diff --git a/app/assets/stylesheets/new_design/_constants.scss b/app/assets/stylesheets/new_design/_constants.scss index 8429f3f29..fca67e46a 100644 --- a/app/assets/stylesheets/new_design/_constants.scss +++ b/app/assets/stylesheets/new_design/_constants.scss @@ -7,3 +7,6 @@ $default-padding: 2 * $default-spacer; // layouts $two-columns-padding: 60px; $two-columns-breakpoint: $page-width + (2 * $two-columns-padding); + +// z-order +$alert-z-index: 100; diff --git a/app/assets/stylesheets/new_design/new_alert.scss b/app/assets/stylesheets/new_design/new_alert.scss index 37dbe064b..acb0d6619 100644 --- a/app/assets/stylesheets/new_design/new_alert.scss +++ b/app/assets/stylesheets/new_design/new_alert.scss @@ -1,4 +1,5 @@ @import "colors"; +@import "constants"; .alert { padding: 15px; @@ -28,4 +29,6 @@ width: 200px; top: 10px; border-radius: 10px; + // Ensure fixed flash messages are above `position: absolute` elements (like maps) + z-index: $alert-z-index; }