From 3c9ecda0add3413a84efdac3e64d32f532bcaf11 Mon Sep 17 00:00:00 2001 From: Alexander Kastius Date: Mon, 13 Mar 2017 01:07:05 +0100 Subject: [PATCH 1/2] Moved error messages to top of page --- app/views/application/_flash.html.slim | 2 +- lib/assets/stylesheets/flash.css.scss | 10 ++++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/app/views/application/_flash.html.slim b/app/views/application/_flash.html.slim index 0f854179..2b8563a4 100644 --- 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] diff --git a/lib/assets/stylesheets/flash.css.scss b/lib/assets/stylesheets/flash.css.scss index 1c805ebf..61b85bce 100644 --- 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; +} From b3acc29e255df54f1559c683e384a443e8d8e378 Mon Sep 17 00:00:00 2001 From: Ralf Teusner Date: Tue, 14 Mar 2017 13:03:53 +0100 Subject: [PATCH 2/2] positioning of flash message --- lib/assets/stylesheets/flash.css.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/lib/assets/stylesheets/flash.css.scss b/lib/assets/stylesheets/flash.css.scss index 61b85bce..8d2899bf 100644 --- a/lib/assets/stylesheets/flash.css.scss +++ b/lib/assets/stylesheets/flash.css.scss @@ -7,7 +7,7 @@ top: 0; left: 0; width: 100%; - padding-left: 10px; - padding-right: 10px; - padding-top: 10px; + padding-left: 10%; + padding-right: 10%; + padding-top: 2%; }