Moved error messages to top of page

2017-03-13 01:07:05 +01:00
parent dec45880b9
commit 3c9ecda0ad
2 changed files with 11 additions and 1 deletions
--- a/app/views/application/_flash.html.slim
+++ b/app/views/application/_flash.html.slim
@ -1,3 +1,3 @@
-#flash data-message-failure=t('shared.message_failure')
+#flash.fixed_error_messages data-message-failure=t('shared.message_failure')
  - %w[alert danger info notice success warning].each do |severity|
    p.alert.flash class="alert-#{{'alert' => 'warning', 'notice' => 'success'}.fetch(severity, severity)}" id="flash-#{severity}" = flash[severity]
--- a/lib/assets/stylesheets/flash.css.scss
+++ b/lib/assets/stylesheets/flash.css.scss
@ -1,3 +1,13 @@
 .flash {
  display: none;
 }
+
+.fixed_error_messages {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 10px;
+}