Flash messages were being hidden. Needed to move up the DOM.

TwilioDevEd · Jul 31, 2015 · 9959f88 · 9959f88
1 parent 4b05934
commit 9959f88
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/app/assets/stylesheets/scaffolds.scss b/app/assets/stylesheets/scaffolds.scss
@@ -43,6 +43,13 @@ div {
   background-color: red;
   display: table;
 }
+.flash-above {
+  position: absolute;
+  width:100%;
+  z-index: 1010;
+  padding: 20px;
+  top: 80px;
+}
 
 #error_explanation {
   width: 450px;

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -30,7 +30,7 @@
 
   <%= yield :hero %>
   <section id="main" class="push-nav">
-    <%= flash_messages %>
+    <div class="flash-above"><%= flash_messages %></div>
     <%= yield %>
   </section>