Only sticky flash notifications should have top value

6a49b4aa · Fatih Acet · Annabel Dunstone Gray · 5ec7b744 · 6a49b4aa
Commit 6a49b4aa authored Sep 17, 2019 by Fatih Acet Committed by Annabel Dunstone Gray Sep 17, 2019
Hide whitespace changes
Inline Side-by-side

Showing with 3 additions and 3 deletions

app/assets/stylesheets/framework/flash.scss app/assets/stylesheets/framework/flash.scss +3 -3

No files found.
--- a/app/assets/stylesheets/framework/flash.scss
+++ b/app/assets/stylesheets/framework/flash.scss
@@ -131,16 +131,16 @@ $notification-box-shadow-color: rgba(0, 0, 0, 0.25);
  }
 }

-.with-system-header .flash-container {
+.with-system-header .flash-container.sticky {
  top: $flash-container-top + $system-header-height;
 }

 .with-performance-bar {
-  .flash-container {
+  .flash-container.sticky {
    top: $flash-container-top + $performance-bar-height;
  }

-  &.with-system-header .flash-container {
+  &.with-system-header .flash-container.sticky {
    top: $flash-container-top + $performance-bar-height + $system-header-height;
  }
 }